How to fix “Ensure text remains visible during webfont load” issue?

Design help CMS
1

I uploaded the Lato Google font locally and changed all the fonts in Webflow Designer. When I test our page in Page Speed Insights, the tool still tells me that I need to use font-display to Google Fonts even though I’m not using one anymore:

https://pagespeed.web.dev/analysis/https-www-serphead-com/0s4jnisfzl?form_factor=mobile

I checked our CSS file but can’t see https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30AXC-qNiXg7Q.woff2 and other web fonts.

Our website is https://www.serphead.com:
Our public share link is Webflow - SERPHEAD

Can you help me fix this?

2

It seems like you have 367 unused classes. Some of those classes still contain “Font-family: Lato”. Classes like: Nav Link, serphhead_smallheading, Text Block 4… Just to name a few.
I recommend cleaning up the unused classes and see if the issue persists.

More info on how to Remove Google Fonts in this article.

1 Like
3

Hey @jeffbarroga, discover a comprehensive fix for your issue right here:

https://www.upwork.com/services/product/development-it-speed-up-your-webflow-website-in-google-pagespeed-insights-1456554439591124992?ref=project_share

1 Like
4

Thanks for looking into this nicolasr :slight_smile: The Google Font did come from the classes. It was gone when I clicked the cleanup button.