God typografi gør tekst lettere at læse og brandet mere genkendeligt. Google Fonts gør det nemt — men “nemt” er også, hvordan sider ender med fem familier, tolv vægte og ekstra roundtrips til fonts.gstatic.com. Denne guide handler om brugeroplevelse: hvornår fonte hjælper, og hvornår de skader. Til den tekniske opsætning (self-host, OMGF, font-display) se Optimér Google Fonts.

Hvad Google Fonts er

Google Fonts er et bibliotek af open source-skrifttyper, du kan bruge gratis på web. Browseren henter fontfilerne (ofte fra Googles CDN), medmindre du hoster dem selv. Det er praktisk — og det er en ekstra afhængighed for hastighed og (i nogle jurisdiktioner) privatliv/GDPR, hvis du loader direkte fra Google.

UX-gevinster ved bevidst typografi

  • Læsbarhed — klar hierarki mellem H1, brødtekst og UI
  • Genkendelighed — konsistent stemme på tværs af sider
  • Tillid — professionelt udtryk uden tung dekoration

Én god brødtekstfont + én display/overskrift (eller én variabel font) slår næsten altid et “font-buffet”.

UX-faldgruber

  • For mange familier/vægte — flere filer, længere tid før teksten “sætter sig”
  • Usynlig tekst (FOIT) — uden fornuftig font-display stirrer brugeren på tomme bokse
  • Layout-skift — fallback og webfont har forskellig metrik → CLS
  • Kun “flot på mit Mac” — test mobil og Windows med rigtig zoom

Praktiske regler for bedre oplevelse

  1. Maks to familier (ofte én er nok)
  2. Kun de vægte du faktisk bruger (400/600/700 — ikke hele sættet)
  3. Sørg for god kontrast og linjelængde; fontvalg redder ikke ulæselig layout
  4. Self-host eller optimér load — se den tekniske guide
  5. Mål LCP/CLS efter skift af fonte i PageSpeed Insights

Kort sagt

Google Fonts kan forbedre oplevelsen, når du vælger få, læsbare typer og loader dem fornuftigt. Flere fonte er ikke mere brand — det er ofte bare mere ventetid. Tekniske trin: Optimér Google Fonts. Hurtigt pejlemærke: helbredstjek.