Ensure text remains visible during webfont load

Posted in: Newspaper
Post count: 49

Hi,

When I load the code into the style.css file, the yellow exclamation point appears.

How can I solve the problem that appears in the picture? So my website is slow. Thank you.

Plugins: https://www.screencast.com/t/TZ82GPhOai

Google Spress Test: https://www.screencast.com/t/m1uovpGFF

Post count: 49

Resending, Google Speed Test: https://www.screencast.com/t/m1uovpGFFu

Post count: 20688

Hi,

You could try loading your own fonts in the theme panel and disable Google fonts in the theme, from what I can find online that might work. Or maybe load them in the theme header directly (with CSS font-face or import) and then apply them as well with CSS.

Here are some resources I found online, maybe they are helpful
https://coffeencoding.com/load-google-fonts-5x-faster-in-wordpress/
https://stackoverflow.com/questions/54277912/ensure-text-remains-visible-during-webfont-load-not-getting-resolved-in-google-p
https://css-tricks.com/snippets/css/using-font-face/
https://developers.google.com/web/updates/2016/02/font-display

Thanks

Post count: 49

I still couldn’t but my website is very fast https://www.screencast.com/t/JWDHWowHd29 🙂 …Even faster…

Could you please help?

Post count: 20688

It is quite fast indeed. Those suggestions should work from what I can find online, maybe try and search for more topics with suggestions and try others. We don’t have a guide at the moment that I can provide for the font issue.

Also be sure to try some render blocking improvements where possible
http://prntscr.com/np9skx
Also try and fix the mixed content issues with the images used in the logos and the favicon – http://prntscr.com/np9tte

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.