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?

97

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

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?

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.

Do you include many fonts on same page?

I have 3 font weights of another font whose files are self hosted.

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

Bingo! Thank you so much. Thats perfect!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Kyrosee picture Kyrosee  ·  3Comments

coogle picture coogle  ·  4Comments

phidias51 picture phidias51  ·  4Comments

maxmedina05 picture maxmedina05  ·  4Comments

akxer picture akxer  ·  3Comments