Have you considered the "font-display: swap;"

Hello,

For a while i have been testing the loading of font files to get rid of the warning with google. In my tests i have added the “font-display: swap;” just below the “font-family” of font files like “font-awesome.css” called by ie. woodmart.

This is recommended by google and the result was better than expecting. I have updated the 4-5 files which got a warning in google pagespeed and the result went from 18/60 to 25/71. That is a good increase just for this little change.

Have you considered updating your css / fonts like this?

 "@font-face {
  font-family: 'FontAwesome';
  font-display: swap;

Thanks
Brgds
Rune

Hi,

Thank you for the suggestion. We will consider this in the future.

Regards

Hello,

Thank you for sharing the information. It would be helpful for other users.

Best Regards

[Author]

Posts