Lettertype-keuze voor Nederlandse taal
Hoe je het juiste lettertype selecteert dat Nederlandse speciale karakters en lange samengestelde woorden proper weergeeft.
Juiste regelhoogte zorgt voor betere leesbaarheid van langere Nederlandse tekstpassages. We laten je precies zien wat werkt.
Regelhoogte — ook wel regelafstand of line-height genoemd — is een van de meest onderschatte aspecten van typografie. Het verschil tussen goed en slecht is subtiel, maar het effect op leesbaarheid is enorm. Zeker bij langere Nederlandse teksten waar je veel samengestelde woorden tegenkomt.
Je ogen moeten van regel naar regel kunnen springen zonder in de war te raken. Wanneer regels te dicht op elkaar staan, voelen ze verstikkend. Wanneer ze te ver uit elkaar staan, verliezen je ogen het contact met de tekst.
Voor Nederlandse websites geldt: we hebben meer ruimte nodig dan voor Engels. Nederlands heeft meer lange woorden, meer dubbele medeklinkers, en meer accenten. Dit alles vraagt om meer ademen in de typografie.
Gemiddeld gezien is een regelhoogte van 1.5 tot 1.7 ideaal voor broodtekst op het web. Voor Nederlands content raden we 1.6 of 1.7 aan.
Dit artikel biedt richtlijnen en best practices voor typografie op Nederlandse websites. Niet alle richtlijnen gelden voor elke situatie — je moet altijd testen met je doelgroep en het aanpassen naar je specifieke context.
In CSS gebruik je de `line-height` property. Je kan dit op verschillende manieren doen: als getal (bijvoorbeeld 1.6), als percentage (bijvoorbeeld 160%), of als vaste waarde (bijvoorbeeld 1.6em). Wij raden aan het als getal in te stellen — dan schalen de waarden automatisch mee met de fontsize.
Voor broodtekst op het web: zet line-height op 1.6 of 1.7. Voor koppen kun je aanzienlijk lager gaan — 1.2 of 1.3 werkt fijn. Wat je niet moet doen: dezelfde regelhoogte gebruiken voor alles. Koppen en broodtekst hebben totaal verschillende behoeften.
Maar het gaat niet alleen om regelhoogte. Alinea-ritme — ook wel verticaal ritme genoemd — gaat over de ruimte tussen alinea’s. Dit bepaalt hoe je pagina visueel aanvoelt. Wanneer alles consistent is, voelt een artikel veel professioneler.
De meeste webdesigners gebruiken een marge onder elke alinea die gelijk is aan hun basalregelhoogte. Dus als je regelhoogte 1.6 is en je font 16px, dan is je basisafstand 25.6px. Afstand onder alinea’s: dezelfde waarde. Dit schept harmonie.
Veel ontwerpers denken: op mobiel is er toch al weinig ruimte, dus minder regelhoogte. Fout. Op mobiel is goede regelhoogte eigenlijk nog belangrijker. Het scherm is klein, de tekst is dicht op je gezicht, en je ogen vermoeiden sneller.
Probeer minstens 1.6 regelhoogte aan te houden, zelfs op mobiel. Op grotere schermen kun je naar 1.7 of zelfs 1.8 gaan — dat voelt luchtiger. Het draait allemaal om wat je doelgroep nodig heeft en hoe ze je content consumeert.
Hier zijn de nummers waar we in praktijk mee werken bij Nederlandse websites:
line-height: 1.6 tot 1.7
font-size: 16px tot 18px
margin-bottom: 1.5em tot 1.7em
line-height: 1.2 tot 1.3
margin-bottom: 0.8em tot 1em
margin-top: 1.5em tot 2em
line-height: 1.1 tot 1.2
margin-bottom: 0.5em tot 0.8em
Veel ruimte erboven
Deze waarden zijn startpunten. Je zult altijd moeten testen met echte Nederlandse tekst. Veel lange woorden zoals ‘bedrijfsvoering’ of ‘werknemersverzekering’ vragen soms om net iets meer ruimte.
Regelhoogte en alinea-ritme zijn niet iets waar je veel over nadenkt als je een website bezoekt. Dat’s eigenlijk het hele punt. Ze werken op de achtergrond en zorgen dat je tekst aangenaam voelt om te lezen. Je ziet niet de regelhoogte — je voelt het.
Voor Nederlandse websites is dit extra belangrijk. We hebben langere woorden, meer karakters, meer visuele complexiteit. Met de juiste regelhoogte en alinea-ritme maak je je content toegankelijker en professioneler.
Begin met 1.6 regelhoogte voor broodtekst. Test het met je doelgroep. Pas aan waar nodig. En onthoud: consistent is belangrijker dan perfect.