marella / material-icons

Latest icon fonts and CSS for self-hosting material design icons.
https://marella.github.io/material-icons/demo/
Apache License 2.0
305 stars 36 forks source link

Google lighthouse complains about font-display property #12

Closed majid-1xinternet closed 3 years ago

majid-1xinternet commented 4 years ago

Ensure text remains visible during webfont load Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading.

marella commented 3 years ago

Recently font-display: block; has been added in #21. I think block is better than swap for icon fonts as you don't want to see ligatures while font is loading. If you are using Sass, it can be changed using the variable $material-icons-font-display.