How to make load of google font be lazy?

It looks like the font causing the issue is Roboto, and your site settings are set to use Arial… so the font is likely coming from a theme.

You can remove the include that’s reaching out to Google’s servers from the theme and switch to using Roboto from your site settings. You can alternatively download Roboto and include it as a theme asset. We have a guide for creating a theme component with a locally served font here: Create and share a font theme component

You can also try adding font-display: swap; to your @font-face rule: `font-display` for the Masses | CSS-Tricks - CSS-Tricks

4 Likes