hard20 pts · first answer countsweb-fontscore-web-vitals

Layout shift when the web font loads

The site uses font-display: swap. When the custom font loads, text reflows and lines change length, which adds to CLS. What reduces the shift most while keeping text visible early?

A.Switch to font-display: block so text is invisible until the font arrivesB.Load the font with JavaScript after the load eventC.Set every text element to a fixed height in pixelsD.Preload the font and define a fallback @font-face with size-adjust and ascent/descent overrides that match the web font metrics

Discussion 0

Join free to post in the discussion.

Layout shift when the web font loads

Discussion 0

Related questions