iamakulov / googlefonts-font-display-helper

A snippet generator to speed up Google Fonts rendering with font-display

A snippet to make your Google Fonts render faster

→ googlefonts.3perf.com

Deprecated.

Google Fonts now have built-in font-display support, and there’s no much sense to use this tool over the native feature.

To make use of the native support for font-display, just append &display=swap to the end of you Google Fonts URL.

What’s this?

When you use a custom font (like a font from Google Fonts), most modern browsers won’t render the text immediately. Instead, they will keep the text hidden until the font is downloaded – or until 3 seconds pass. This hurts user experience – and affects business metrics.

This repo includes a source of googlefonts.3perf.com, a tool that generates snippets that speed up Google Fonts rendering. See the tool page for more information on how it works.

License

MIT © Ivan Akulov, Jacob Groß