Tekst is verreweg het grootste deel van bijna elke website, en toch krijgt de keuze van het lettertype vaak weinig aandacht. Dat is jammer, want het juiste font maakt je tekst prettig leesbaar en geeft je merk karakter, terwijl een verkeerde keuze een site rommelig of vermoeiend laat ogen. In deze gids leg ik uit welke lettertypes goed samenwerken op het web, hoe je leesbaarheid altijd voorop houdt en waarom minder fonts vaak een sterker en rustiger resultaat geven dan een hele verzameling.

Waarom je lettertype ertoe doet

Een lettertype draagt een toon. Een strak, modern font voelt anders dan een klassiek font met schreven, ook al staat er precies hetzelfde. Nog voor iemand de inhoud verwerkt, heeft de vorm van de letters al iets verteld over wie je bent.

Daarnaast bepaalt het lettertype voor een groot deel hoe prettig je site leest. Een mooi font dat slecht leesbaar is, kost je bezoekers, want lezen mag nooit moeite kosten. Hoe je tekst breder leesbaar houdt, lees je in de gids over UI-design, waar typografie een vast onderdeel is van het zichtbare ontwerp.

De grote groepen lettertypes

Je hoeft geen expert te worden, maar het helpt om de grote groepen te kennen waaruit je kiest.

Voor de meeste bedrijfssites kom je een heel eind met een rustig schreefloos lettertype voor de tekst en eventueel iets met meer karakter voor de koppen. Die keuze hoort te passen bij je merk, zoals ik beschrijf in de gids over merkidentiteit op het web.

Twee lettertypes combineren

De klassieke aanpak is een lettertype voor de koppen en een ander voor de lopende tekst. Het geheim zit in de balans: ze mogen verschillen, maar niet met elkaar botsen.

Zoek contrast, geen ruzie

Twee fonts die te veel op elkaar lijken, ogen als een vergissing. Twee die te hard verschillen, vechten om aandacht. Het mooiste is een duidelijk verschil dat toch rustig aanvoelt, bijvoorbeeld een karaktervolle kop boven een neutrale tekst.

Geef elk lettertype een vaste rol

Bepaal welk font waarvoor is en houd je daaraan. Koppen in het ene, tekst in het andere, zonder uitzonderingen. Dat consequent toepassen is precies waar een designsysteem bij helpt.

Vaak is een lettertype al genoeg

Veel moderne fonts hebben zoveel diktes dat je met een enkel lettertype een heel ontwerp kunt dragen: dunne tekst, dikke koppen, alles uit dezelfde familie. Dat oogt vanzelf samenhangend.

Een lettertype hoeft niet op te vallen om goed te zijn. Het beste font is er een dat je niet bewust opmerkt terwijl je leest.

Leesbaarheid boven smaak

Hoe mooi een lettertype ook is, op het web wint leesbaarheid altijd. Een paar punten waar het op aankomt:

Genoeg formaat

Tekst die te klein is, dwingt mensen tot turen of inzoomen. Op een scherm, zeker op mobiel, mag tekst gerust wat groter dan je gewend bent van papier.

Rustige regels

Regels die te lang zijn, raak je kwijt; regels die te kort zijn, hakken de tekst stuk. Een prettige regellengte en genoeg ruimte tussen de regels maken lezen moeiteloos. Meer daarover lees je in de blog over typografie en leesbaarheid.

Voldoende contrast

Het mooiste font valt weg als de tekst te licht op de achtergrond staat. Zorg dat de letters duidelijk afsteken, zodat lezen op elk scherm makkelijk blijft.

Waarom minder vaak sterker is

Het is verleidelijk om verschillende fonts te mengen, maar bijna altijd oogt een beperkte keuze sterker. Een site met twee lettertypes voelt rustig en doordacht; een site met vijf voelt als een verzameling losse stukken.

Rust en herkenbaarheid

Hoe minder verschillende letters, hoe samenhangender je site oogt. Die rust draagt bij aan een professionele indruk en helpt bezoekers zich te richten op de inhoud.

Snellere site

Elk extra lettertype en elke extra dikte moet geladen worden. Beperk je keuze en je houdt je site licht en snel, wat de hele ervaring prettiger maakt.

Minder twijfel

Met een vaste, kleine set fonts hoef je nooit meer te kiezen welk lettertype waar komt. Dat scheelt tijd en houdt elke nieuwe pagina vanzelf in lijn met de rest.

Zelf doen of uitbesteden?

Een goede basis kun je zelf leggen. Kies een rustig, goed leesbaar lettertype voor je tekst, eventueel een tweede met wat karakter voor de koppen, en houd je daaraan. Toets steeds of het ook op je telefoon prettig leest. Voor een eenvoudige site brengt dat je vaak al ver.

Wordt je website een serieus visitekaartje, dan loont het om de typografie door iemand te laten bepalen die let op de combinatie, de formaten en de leesbaarheid op elk scherm. Niet omdat je geen font kunt aanwijzen, maar omdat de details die tekst echt prettig laten lezen makkelijk over het hoofd worden gezien. Wil je weten wat dat voor jouw site betekent? Bekijk dan de webdesign op maat of leg me je vraag voor via de contactpagina.

Veelgestelde vragen

Twee is meestal genoeg: een voor de koppen en een voor de lopende tekst. Soms kun je met een enkel lettertype af door met dikte en formaat te variëren. Meer dan twee of drie fonts maakt een site al snel onrustig en moeilijker te lezen, dus minder is hier echt vaak meer.

Een betrouwbare combinatie is een wat karaktervol lettertype voor de koppen en een rustig, goed leesbaar lettertype voor de tekst. Ze mogen verschillen, maar moeten niet met elkaar vechten. Het idee is contrast met samenhang: duidelijk anders, maar duidelijk bij elkaar horend.

Lettertypes moeten geladen worden, dus te veel fonts of te veel diktes kosten laadtijd. Door je keuze beperkt te houden en alleen de diktes te laden die je echt gebruikt, blijft de impact klein. Een paar goed gekozen fonts vertragen je site nauwelijks merkbaar.

Dat kan, en het geeft vaak verrassend veel verschil. Andere fonts of zelfs alleen ander formaat en regelafstand laten een site meteen frisser en rustiger ogen. We kijken wat past bij je merk en wat goed leest, en ik reken daarvoor een projectprijs op maat.

Verder in de kennisbank: Een kleurenpalet samenstellen dat past en werkt · UI-design: het ontwerp dat je ziet en aanraakt · Een designsysteem opzetten voor je website