starred/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-05-30 23:40:40 +02:00
Code Issues 1.0k Packages Projects Releases 10 Wiki Activity

[PR #3291] [CLOSED] Reduce size of Material Symbols font files #3925

New Issue
Closed
opened 2026-04-25 00:17:35 +02:00 by adam · 0 comments
adam commented 2026-04-25 00:17:35 +02:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/3291
Author: @justcallmelarry
Created: 8/16/2024
Status: ❌ Closed

Base: master ← Head: master

📝 Commits (3)

  • b091c6b make symbol fonts lighter
  • 7a1a7de rename files to something more appropriate
  • 54e552f do not remove empty line at eof

📊 Changes

5 files changed (+2 additions, -2 deletions)

View changed files

📝 client/assets/fonts.css (+2 -2)
➕ client/static/fonts/MaterialSymbolsOutlined-400.woff2 (+0 -0)
➖ client/static/fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2 (+0 -0)
➕ client/static/fonts/MaterialSymbolsRounded-400.woff2 (+0 -0)
➖ client/static/fonts/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2 (+0 -0)

📄 Description

Ever since https://github.com/advplyr/audiobookshelf/pull/3138 I have had some weird loading times on the web ui for the icons used for different things.

I tracked down the issue to the Material Symbol fonts being huge, and tried looking into how to circumvent having to use the entire file.

After some searching i found a Stack Overflow thread where there were some tips into how to get smaller font files.

I tried to follow the instructions to the best of my knowledge, and made two smaller font files with the symbols and only font weight 400, which seems to be the only one used, unless my meagre css skills fail me, which they very well might.

After trying it locally I do not see anything amiss, so I also build the docker image with the updated client on my server and am running it there currently.

I cannot see any icons looking weird or not working, but I do not generally have a great eye for this, and I do not know all of the places where the icons can show (I tried figuring it out from the files in the mentioned PR, but you never know).

Any possibility that someone with some more knowledge in the area could help me out?

Links used to generate the font files:
Outlined: https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@400,0..1
Rounded: https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL@400,0..1

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf/pull/3291 **Author:** [@justcallmelarry](https://github.com/justcallmelarry) **Created:** 8/16/2024 **Status:** ❌ Closed **Base:** `master` ← **Head:** `master` --- ### 📝 Commits (3) - [`b091c6b`](https://github.com/advplyr/audiobookshelf/commit/b091c6bcb2b514e1cdf14a38d4855400e6a29f2c) make symbol fonts lighter - [`7a1a7de`](https://github.com/advplyr/audiobookshelf/commit/7a1a7de2b90ac6016ca535800ceeaefcc0a762b5) rename files to something more appropriate - [`54e552f`](https://github.com/advplyr/audiobookshelf/commit/54e552fc54ee4ed8b50bb9ccd58e6d1f5f237243) do not remove empty line at eof ### 📊 Changes **5 files changed** (+2 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `client/assets/fonts.css` (+2 -2) ➕ `client/static/fonts/MaterialSymbolsOutlined-400.woff2` (+0 -0) ➖ `client/static/fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2` (+0 -0) ➕ `client/static/fonts/MaterialSymbolsRounded-400.woff2` (+0 -0) ➖ `client/static/fonts/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2` (+0 -0) </details> ### 📄 Description Ever since https://github.com/advplyr/audiobookshelf/pull/3138 I have had some weird loading times on the web ui for the icons used for different things. I tracked down the issue to the Material Symbol fonts being huge, and tried looking into how to circumvent having to use the entire file. After some searching i found a [Stack Overflow thread](https://stackoverflow.com/questions/76347398/why-does-material-symbols-font-take-so-long-to-load-and-how-can-i-optimize-it) where there were some tips into how to get smaller font files. I tried to follow the instructions to the best of my knowledge, and made two smaller font files with the symbols and only font weight 400, which seems to be the only one used, unless my meagre css skills fail me, which they very well might. After trying it locally I do not see anything amiss, so I also build the docker image with the updated client on my server and am running it there currently. I cannot see any icons looking weird or not working, but I do not generally have a great eye for this, and I do not know all of the places where the icons can show (I tried figuring it out from the files in the mentioned PR, but you never know). Any possibility that someone with some more knowledge in the area could help me out? Links used to generate the font files: Outlined: https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@400,0..1 Rounded: https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL@400,0..1 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2026-04-25 00:17:35 +02:00
adam closed this issue 2026-04-25 00:17:35 +02:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
authentication
backlog
bug
chapter editor
config-issue
ebooks
encoding/embedding
enhancement
help wanted
listening sessions & progress
planned
possible plugin
progress sync
pull-request
Mirrored from GitHub Pull Request
 sorting/filtering/searching
unable to reproduce
upload
users & permissions
waiting
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam (Adam Melkus)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#3925
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?