Typografie op het web in 2026

Webtypografie is de afgelopen jaren stil volwassen geworden. Variabele lettertypen werken in elke browser, clamp() geeft je een schaal die met het scherm meebeweegt zonder tien breekpunten, en de tijd dat je drie gewichten los moest downloaden ligt achter ons. Wat níet is veranderd: de meeste sites gebruiken te veel gewichten, te weinig regelafstand en een regellengte waar je oog van gaat zoeken. Typografie is verreweg het grootste deel van wat een bezoeker daadwerkelijk ziet, en het is ook het onderdeel dat het snelst verraadt of iemand heeft opgelet.

Wat we in de praktijk aanhouden

• Eén familie, hooguit twee; verschil maak je met grootte en gewicht
• Zestig tot vijfenzeventig tekens per regel voor lopende tekst
• Ruimere regelafstand naarmate de regel langer wordt
• Grootte koppelen aan de schermbreedte met clamp(), niet aan breekpunten
• Lettertypen zelf hosten en vooraf laden, zodat tekst nergens op wacht

Variabele lettertypen maken dat laatste een stuk makkelijker: één bestand dekt het hele gewichtsbereik, dus een halfvette tussenkop kost je geen extra download meer. Dat haalt het oude excuus weg om met twee gewichten een hele site te moeten doen.

Waar het nog steeds misgaat

Tekst over beeld zonder rustige ondergrond, lichte gewichten in lichtgrijs, koppen die op een telefoon in vier regels breken. Het zijn geen smaakfouten maar leesbaarheidsfouten, en ze zijn allemaal al in het ontwerp te zien — ruim voordat er iets gebouwd is.