Ensure text remains visible during webfont load

Design help Custom code
1

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.

With more info here: Controlling Font Performance with font-display - Chrome Developers

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!

6 Likes
2

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

3

Hey, you should upload a custom font and set “font display” to swap.
Zrzut ekranu 2021-01-27 o 17.10.25
I hope it will help :slight_smile:

2 Likes
4

Is this method work?

5

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:

image
image1204×208 10.3 KB