Emner / fonts
Webfonts påvirker både performance og CLS: hver fontfil er et netværksdownload, og når fallback og webfont afviger i metrikker, hopper teksten. Emnet fonts samler artikler om `font-display`, fallback-valg, preload med måde og hvordan du begrænser antal snitte og vægte uden at ødelægge designet.
Du lærer at se font-loading i waterfall og forstå FOIT/FOUT i praksis - ikke kun som buzzwords. Målet er stabile, læsbare sider på langsomme forbindelser, hvor brand-typografi stadig kan bruges, men uden at straffe mobilbrugere.
Fonts er tæt knyttet til CSS og CLS. Kombinér derfor emnerne når du arbejder på et design system eller et tema, hvor typografi ændres globalt. Små ændringer i font-stack kan have stor effekt på layout-stabilitet.
Ordbogen supplerer med begreber som `preload`, `font-display` og subsetting. Brug den som reference når du skriver krav til leverandører eller udviklere.
Hvis du reducerer antal snitte, så test på rigtigt indhold (tal, specialtegn, nordisk tekst). Subsetting og aggressive strategier kan skabe overraskelser hvis de ikke valideres på produktionssider.
Eksterne kilder du kan bruge til at validere målinger: PageSpeed Insights, web.dev Vitals og DevTools Performance.
Start her
- Undgå CLS fra fonts - seneste guide i emnet
- Fonts uden CLS - seneste blogindlæg i emnet
- Slå relaterede begreber op i ordbogen
Relaterede begreber (ordbog)
Guides
Blogindlæg
Fortsæt i emneklyngen
Gå videre til relaterede sidetyper for at dække emnet fra flere vinkler.