When I create a custom font with Noto Sans and Material Symbols, the icons are smaller than intended and not centered. It’s possible that the centering issue is merely a consequence of the sizing issue.
I’m using these icons:
Specifically “MaterialSymbolsRounded[FILL,GRAD,opsz,wght]”
Screenshot with original Montserrat 14, using LV_SYMBOL_DIRECTORY and LV_SYMBOL_IMAGE:
With Material Icons and Noto font using “folder” and “image” icons:
Reference: Material Symbols and Icons - Google Fonts
The attached zip file contains font_gen.sh
which generates the fonts. It also has a slightly modified built_in_font_gen.py
To run it, you have to download the .ttf
file above and rename it to MaterialSymbolsRounded.ttf
font issue.zip (349.7 KB)
Update: I also tested the older font (Material Icons instead of Material Style) and it has the same issue:
Layout debug rendering:
“dump” font example. You’ll also find that it’s 12px high:
Debug data for above character (60029 / 0xea7d):
60029 debug.txt (2.9 KB)