Je hebt het vast wel eens gezien: een website van een advocatenkantoor geschreven in Comic Sans. Of een bouwbedrijf met sierlijke, onleesbare krulletters. Je neemt zo’n bedrijf direct minder serieus.
Typografie is voor 90% bepalend voor de uitstraling van je website. Het bepaalt niet alleen of je tekst leesbaar is, maar ook welk gevoel je oproept bij de klant. Ga je lettertypen voor je website kiezen? Lees dan eerst deze handleiding, want een verkeerde keuze jaagt bezoekers weg.
De Basis: Serif vs. Sans-Serif
In webdesign verdelen we lettertypes in twee hoofdcategorieën. De keuze hiertussen bepaalt direct de sfeer.
1. Serif (Met ‘voetjes’)
Dit zijn de klassieke letters met kleine streepjes aan de uiteinden (zoals Times New Roman of Merriweather).
Uitstraling: Betrouwbaar, klassiek, autoritair, chic.
Geschikt voor: Advocaten, notarissen, kranten, luxe restaurants.
2. Sans-Serif (Zonder ‘voetjes’)
Dit zijn strakke, moderne letters zonder opsmuk (zoals Arial, Roboto of Open Sans).
Uitstraling: Modern, toegankelijk, tech, clean.
Geschikt voor: Startups, webshops, marketingbureaus, bouwbedrijven.
Mijn advies: Twijfel je? Ga voor Sans-Serif. Dat is op beeldschermen vaak net iets makkelijker leesbaar.
Regel 1: Maximaal 2 lettertypes
Maak er geen kermis van. Gebruik maximaal twee verschillende fonts op je hele website:
- Eén voor de koppen (Headings): Hier mag je wat expressiever zijn. Dit lettertype moet opvallen.
- Eén voor de platte tekst (Body): Dit moet puur draaien om leesbaarheid. Saai is hier goed.
Vaak is het zelfs nog mooier om één lettertype-familie te kiezen en te variëren met diktes (bijvoorbeeld Bold voor koppen en Regular voor tekst).
Regel 2: Leesbaarheid boven alles
Een sierlijk handschrift-font staat leuk op een geboortekaartje, maar op een website is het een ramp. Mensen lezen niet, ze scannen. Als ze moeite moeten doen om te ontcijferen wat er staat, klikken ze weg.
Let ook op deze technische punten:
- Grootte: 16 pixels is het absolute minimum voor platte tekst. Op mobiel mag het vaak nog groter.
- Regelhoogte: Zet je regels niet te dicht op elkaar. Een regelhoogte (line-height) van 1.5 of 1.6 leest het fijnst.
- Contrast: Lichtgrijs op wit is hip, maar onleesbaar. Zorg voor voldoende contrast (donkergrijs of donkerblauw op wit).
Waar haal je lettertypes vandaan?
Gebruik niet zomaar een font dat op jouw computer staat. Als de bezoeker dat font niet heeft, ziet de site er bij hem heel anders uit.
Gebruik Google Fonts. Dit zijn lettertypes die geoptimaliseerd zijn voor het web. Ze laden snel en zien er op elke computer en telefoon hetzelfde uit. Populaire (en veilige) keuzes zijn Roboto, Open Sans, Montserrat, Lato en Poppins.
Conclusie
Typografie is de stem van je merk. Schreeuw je? Fluister je? Ben je formeel of amicaal? Je lettertype vertelt het verhaal nog voordat de bezoeker één woord gelezen heeft.
Vind je het lastig om een combinatie te vinden die bij je past? Tijdens het ontwerpen van jouw website maak ik altijd een voorstel voor een ‘font pairing’ die perfect aansluit bij jouw huisstijl. contact/">Neem contact op om jouw design naar een hoger niveau te tillen.
