Material-design-icons: Problem with material fonts in Pagespeed Insights

Created on 24 Apr 2019 · 4Comments · Source: google/material-design-icons

I'm trying to target a high score on Pagespeed insights but one of these warnings is out of my control. Pagespeed insights suggests "Ensure text remains visible during webfont load". I've done this for all my self hosted fonts but how the warning still appears for the material fonts .woff file. Can I fix this myself?

Source

VeeK727

Most helpful comment

FYI, we recently added font-display support to Google Fonts, use display=swap (or whatever your preferred value is).

https://developers.google.com/fonts/docs/getting_started#use_font-display

rsheeter on 24 May 2019

🎉2 👍1

All 4 comments

You can try self hosting that font too. That way you'll have everything under your control.

I've done this for all my self hosted fonts

Do you include many fonts on same page?

cyberalien on 24 Apr 2019

I read in the readme and probably somewhere else too that self hosting the file is not recommended so I didn't do it. I think its better if Google would add font-display: swap to their css files. It is better than what they have currently.