Voor een bedrijfswebsite kies je een lettertype dat rustig leest op een telefoon, niet dat het meest opvalt. Eén lettertype voor alles is genoeg, twee is het maximum, en de tekstgrootte (minimaal 16 pixels) doet meer voor de leesbaarheid dan de naam van het font. Een sierletter of handschriftletter bewaar je voor je logo, nooit voor lopende tekst.
Wat maakt een lettertype leesbaar?
Leesbaarheid zit niet in de naam van het lettertype, maar in de vorm van de letters. Let op drie dingen. Zijn de kleine letters relatief hoog ten opzichte van de hoofdletters? Dat heet x-hoogte en het maakt tekst op een klein scherm een stuk rustiger. Zijn letters die op elkaar lijken goed uit elkaar te houden, zoals de hoofdletter I, de kleine l en het cijfer 1? En staan de letters niet te dicht op elkaar geperst?
Een simpele test: zet een alinea van je eigen website op je telefoon, houd hem op armlengte en lees vijf regels. Moet je knijpen met je ogen of terug naar het begin van de regel zoeken, dan klopt er iets niet. Dat ligt meestal aan de grootte of de regelafstand, niet aan het font zelf.
Schreef of schreefloos?
Schreefletters hebben kleine dwarsstreepjes aan de uiteinden (Georgia, Times). Ze voelen traditioneel, rustig en betrouwbaar. Schreefloze letters (Arial, Helvetica, Inter) voelen zakelijk en modern. Op een scherm werken ze allebei prima. Het idee dat schreefletters op beeldschermen onleesbaar zijn komt uit de tijd dat schermen veel grover waren. Kies wat bij je bedrijf past: een advocatenkantoor, een praktijk of een restaurant kan uitstekend schreef gebruiken, een installatiebedrijf of een klusbedrijf meestal schreefloos.
Blijf wel weg van sierletters en handschriftletters voor gewone tekst. In een logo of in één korte kop kan het, maar een alinea van zes regels in krullen leest niemand uit.
Een lettertype dat opvalt, is meestal een lettertype dat in de weg zit.
Hoeveel lettertypes heb je nodig?
Eén is genoeg. De meeste goede lettertypes hebben meerdere diktes (licht, normaal, halfvet, vet), en met alleen die diktes en een paar verschillende groottes bouw je al een compleet, rustig ontwerp. Koppen vet en groot, tekst normaal, bijschriften kleiner en grijzer. Klaar.
Wil je meer karakter, dan kun je er twee gebruiken: één voor de koppen en één voor de lopende tekst. Kies dan twee lettertypes die duidelijk van elkaar verschillen (bijvoorbeeld een schreefletter voor de koppen en een schreefloze voor de tekst). Twee lettertypes die bijna hetzelfde zijn, zien er alleen maar slordig uit, alsof er iets is misgegaan. Een derde lettertype heeft vrijwel nooit een goede reden.
Belangrijker dan de keuze is de consequentie. Gebruik hetzelfde lettertype op elke pagina, in je formulieren, in je knoppen en in je offertes. Klanten herkennen je sneller aan een consistent beeld dan aan een bijzonder font.
Grootte, ruimte en contrast: hier valt de meeste winst
De meeste leesproblemen op mkb-websites komen niet door een verkeerd lettertype, maar door tekst die te klein, te dicht op elkaar of te licht van kleur is. Drie richtlijnen die bijna altijd werken:
Tekstgrootte. Minimaal 16 pixels voor lopende tekst, 17 of 18 leest voor veel mensen prettiger. Een groot deel van je bezoekers is boven de vijftig; die groep leest je aanbod alleen als het zonder inspanning gaat.
Regelafstand en regellengte. Een regelafstand van ongeveer anderhalf keer de tekstgrootte geeft lucht. Houd een regel bij ongeveer 60 tot 75 tekens; loopt een regel over de volle breedte van een groot scherm, dan verliest het oog de weg terug naar links.
Contrast. Donkergrijs of zwart op wit leest het best. Lichtgrijze tekst op wit ziet er in een ontwerpprogramma elegant uit en is op een telefoon in de zon onleesbaar. De toegankelijkheidsnorm vraagt een contrast van minimaal 4,5 op 1 voor gewone tekst; daar zijn gratis controletools voor.
Wat je lettertype doet met snelheid en vindbaarheid
Een lettertype dat je site meelaadt (een webfont) is een extra bestand dat de browser moet ophalen. Elke extra dikte en elke extra stijl is meestal weer een apart bestand. Beperk je dus tot de diktes die je echt gebruikt, twee of drie. Systeemlettertypes (de fonts die al op de telefoon of computer staan) laden meteen en kosten niets, maar geven je site wel minder eigen karakter.
Voor Google en AI-zoekmachines maakt je fontkeuze zelf niets uit: ze lezen de tekst, niet de vormgeving. Indirect telt het wel mee, want laadtijd en leesbaarheid beïnvloeden of bezoekers blijven. Eén ding is echt schadelijk: tekst als afbeelding. Een mooi vormgegeven kop, prijslijst of openingstijden in een plaatje kan een zoekmachine niet lezen, een schermlezer niet voorlezen en een bezoeker niet kopiëren. Zet tekst altijd als tekst op je pagina.
Samengevat
- Kies op leesbaarheid, niet op opvallendheid: rustige letters, goed uit elkaar te houden.
- Eén lettertype is genoeg, twee is het maximum, drie nooit.
- Minimaal 16 pixels, ruime regelafstand, niet te lange regels.
- Donkere tekst op een lichte achtergrond, geen lichtgrijs op wit.
- Beperk het aantal diktes en zet nooit tekst in een afbeelding.
Bij een site van joepa staan deze keuzes standaard goed: de typografie wordt afgestemd op je bedrijf en is gebouwd om gelezen te worden, op elk scherm.