Google Fonts - always use display=swap to improve | Webflow Wishlist

Google Fonts - always use display=swap to improve Lighthouse scores

By default, Google fonts are loaded like this:

WebFont.load({  google: {    families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic"]  }});

By appending &display=swap to the families parameter, it will use font-display: swap; in the CSS:

WebFont.load({  google: {    families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic&display=swap"]  }});

And then... I will have my perfect Lighhouse score 😢

Screenshot 2020...

David King
Dec 14 2020
Reviewed

Layout & Styles

Comments (5)
Votes (29)

Post comment

Wood Rodgers commented

02 Jan 21:50

I'd really like to see this added to the Google Fonts CDN URLs. It's the one thing that keeps creeping up on my page rank score as an issue.

×
Attachments Open full size
UENI Product commented

February 24, 2023 09:15

Is there any progress?

×
Attachments Open full size
Tor Vegard Tobiassen commented

February 16, 2022 14:11

please.. This should be a quick fix ?

×
Attachments Open full size
Glenn S. Pedersen commented

September 21, 2021 19:28

This is a simple fix that will improve the pagespeed scores of thousands of your customers. Please do this as soon as possible.

×
Attachments Open full size
Grapheec Creative Agency commented

July 06, 2021 21:06

I don't think this a wishlist feature, sounds more like a neglected bug. Please fix this Webflow team. Add &display=swap when using Google fonts.

×
Attachments Open full size

+10