Ensure text remains visible during webfont load

MackDelany · May 2, 2019, 6:42pm

Hi,

We are trying to optimize our page load speed for mobile. When running our site through Make the Web Faster | Google Developers, Google advises us to:

Ensure text remains visible during webfont load - Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading.

We’ve had a look around but are unsure if this is something we can control through Webflow or not? Would love any advice that people have?

Thanks!

Ildiko_Gaspar · January 27, 2021, 2:32pm

Did you found any solution for this? I am also trying to fix this problem on my website

emerceen · January 27, 2021, 4:13pm

Hey, you should upload a custom font and set “font display” to swap.

I hope it will help

serhad · May 6, 2021, 8:05am

Is this method work?

Jeandcc · May 12, 2022, 3:34pm

Thank you @emerceen , this is much simpler than trying to set it with inline CSS!!

You can also update that setting even for fonts that have been uploaded in the past: