If a web font has not been loaded, browsers typically delay rendering any text that uses the web font. In many situations, this delays First Contentful Paint (FCP). In some situations, this delays Largest Contentful Paint (LCP).

In addition, fonts can cause layout shifts. These layout shifts occur when a web font and its fallback font take up different amounts of space on the page.

For more information, see Best practices for fonts.