Ensure text remains visible during webfont load er en PageSpeed-anbefaling om FOIT (Flash of Invisible Text): browseren skjuler tekst, mens den venter på en custom font. Løsningen er at vise en system- eller fallback-font med det samme og bytte til webfonten, når den er klar — styret med font-display.

Hvorfor det betyder noget

Usynlig tekst forsinker oplevelsen af, at siden er klar, selv om HTML og layout er på plads. Det kan forringe FCP og gøre indholdet utilgængeligt i kritiske sekunder på langsomme netværk. Et sent font-byt kan samtidig skabe CLS, hvis fallback og webfont har meget forskellige metrikker.

Praktisk opsætning

  • Sæt font-display: swap (eller optional på mindre vigtige fonte) i @font-face.
  • Begræns antal vægte og tegnsæt — færre bytes, hurtigere download.
  • Overvej preload kun for den primære tekstfont over folden.
  • I WordPress: temaets font-loader, plugin-fonte og Google Fonts er de sædvanlige steder at rette.

Måling

Kig efter anbefalingen i Lighthouse, og bekræft i Network at font-filer ikke blokerer unødigt. Vurder både synlig tekst og layoutstabilitet efter font-byt — synlighed uden store hop er målet.