Docs / Font / Optimize Google Fonts

Optimize Google Fonts

Optimize Google Fonts will:

  • Combine all Google Fonts on the page to reduce HTTP requests
  • Self-host Google Fonts (download and save fonts locally)
  • Inline Google Fonts CSS

Why some Google Fonts are not Self-hosted

When the Google Fonts are injected by external JavaScript files (like reCAPTCHA, webfont.js), FlyingPress can't optimize them.

As a thumb rule, the Google Fonts embed should be found in the HTML. The embed code will look like this:

<link
  href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"
  rel="stylesheet"
/>