7 slechtste lettertypes voor je website (en betere alternatieven)

De impact van typografie op conversie

In een uitgebreid experiment veranderde één website alleen de font styling en zag de volgende resultaten (Bron: CXL Institute):

• Bounce rateKeurigOnline zegtBounce rateBounce rate is het percentage bezoekers dat je website verlaat zonder verdere actie. daalde van 88.0% naar 80.9% (7.1% verbetering)
• Pagina's per sessie stegen met 18.18% (van 1.21 naar 1.43)
• Time-on-site verbeterde met 10 seconden

En dat was alleen door te switchen naar 14px Georgia font met verbeterde line-height.

De psychologische impact van fonts

Onderzoekers van MIT ontdekten dat fonts onze emoties beïnvloeden. Een slechte font kan ervoor zorgen dat we onbewust fronsen tijdens het lezen, terwijl een goede font ons letterlijk gelukkiger maakt. Deelnemers die de slecht ontworpen versie lazen voelden zich slechter tijdens het lezen - sommigen fronsten zelfs zonder het te beseffen.

Dit heeft directe gevolgen voor je conversie. Volgens onderzoek naar website design fouten verlaat 38% van gebruikers een website als de content of layout onaantrekkelijk is. En 88% van consumenten keert niet terug na een slechte gebruikerservaring.

Wat maakt een lettertype "slecht" voor websites?

Een slecht lettertype voor je website heeft één of meer van deze eigenschappen:

• Lage leesbaarheid op schermen - pixels vertekenen de lettervormen
• Slechte kerning - inconsistente spatiëring tussen letters
• Te decoratief - stijl gaat ten koste van functie
• Negatieve associaties - gebruikers koppelen de font aan amateurisme
• Toegankelijkheidsproblemen - moeilijk leesbaar voor mensen met dyslexie of visuele beperkingen

Voor een complete gids over welke fonts je wel moet gebruiken, bekijk onze uitgebreide handleiding over website typografie en lettertype keuzes.

1. Comic Sans - de meest gehate font ter wereld

Comic Sans is misschien wel de meest gehate font in de design wereld - en dat is niet zonder reden. Het Software Usability Research Laboratory van Wichita State University voerde uitgebreide leesbaarheids tests uit en ontdekte dat Verdana en Georgia meer dan 80% positieve leesbaarheids ratings van deelnemers kregen, terwijl Comic Sans aanzienlijk lager scoorde.

Waarom Comic Sans zo slecht presteert

Het probleem met Comic Sans gaat verder dan alleen smaak. Onderzoek naar OCR (Optical Character Recognition) laat zien dat zelfs computers moeite hebben met Comic Sans.

• Spaties worden toegevoegd tussen letters door incorrecte kerning
• De letter 'm' scant als 'rn' door incorrect ontwerp
• Onregelmatige lijnen maken individuele letters onduidelijk

Als computers het al moeilijk vinden om Comic Sans te lezen, dan geldt hetzelfde voor menselijke ogen en hersenen.

De enige uitzondering: toegankelijkheid

Er is één scenario waarin Comic Sans voordelen biedt: voor sommige mensen met dyslexie kan het gemakkelijker zijn om te lezen. Echter, De British Dyslexia Association beveelt sans-serif fonts zoals Arial, Verdana en Helvetica aan als gemakkelijker leesbaar voor mensen met dyslexie dan serif fonts - en die zien er ook nog eens professioneel uit.

Zie onze lijst met de 10 beste Google Fonts voor volledige voorbeelden en implementatie tips.

2. Papyrus - amateuristisch en gedateerd

Papyrus werd in de jaren 80 gemaakt door Chris Costello, geïnspireerd door handgeschreven lettervormen die het oude Egypte moesten oproepen. Het probleem? Het werd zo overmatig gebruikt dat het de go-to font werd voor yogastudio's, koffiebars en amateur movie posters.

Waarom Papyrus je website schaadt

• Inconsistente streken maken het op kleine schaal onleesbaar
• Verweerde textuur ziet er amateuristisch uit op digitale schermen
• Sterke culturele associaties - gebruikers denken automatisch aan goedkope spa's en new-age winkels
• Geen professionele use cases - zelfs de makers raden af om het voor body tekst te gebruiken

Designers koppelen Papyrus vaak met simpelere fonts zoals Times New Roman of Helvetica om de leesbaarheid te verbeteren - wat al aantoont dat Papyrus zelf de leesbaarheid schaadt.

Bekijk onze 5 perfecte font combinaties voor professionele alternatieven.

3. Times New Roman - ontworpen voor papier, niet voor schermen

Times New Roman is de meest voorkomende standaard font in tekstverwerkers. Maar dat betekent niet dat het goed is voor websites. Het werd specifiek ontworpen voor gedrukte media, niet voor weergave op computerschermen.

Wetenschappelijk onderzoek naar Times New Roman op schermen

Bernard et al. (2003) voerden vergelijkend onderzoek uit tussen Times New Roman en Arial en ontdekten iets interessants: er waren geen objectieve verschillen in leesbaarheid, maar er waren wel verschillen in gebruikers perceptie. Times New Roman werd door deelnemers ervaren als moeilijker leesbaar, zelfs als de objectieve data dat niet bevestigde.

En perceptie is alles: als je bezoekers denken dat je content moeilijk te lezen is, zullen ze niet blijven - ongeacht wat de leesbaarheids metrics zeggen.

Het goede nieuws: moderne schermen kunnen alle fonts aan

Moderne computerschermen kunnen alle types fonts weergeven met dezelfde helderheid als gedrukte media, wat de oude aanname over serif font beperkingen op schermen teniet doet. Maar dat betekent dat je kunt kiezen voor betere serif alternatieven die specifiek voor schermen zijn ontworpen.

Lees meer over wanneer je serif vs sans-serif moet gebruiken.

4. Impact - te opdringerig en moeilijk leesbaar

Impact werd ontworpen om - zoals de naam al zegt - impact te maken. Het probleem is dat het zo letterlijk te impactvol is voor normale website gebruik. Onderzoek naar toegankelijke fonts toont aan dat decoratieve fonts zoals Impact minder toegankelijk zijn en vermeden moeten worden bij het overbrengen van informatie.

Waarom Impact slecht is voor je website

• Te bold voor body tekst - veroorzaakt visuele vermoeidheid binnen seconden
• Slechte letter spacing - letters voelen gecondenseerd en claustrofobisch
• Toegankelijkheidsproblemen - moeilijk leesbaar voor mensen met visuele beperkingen
• Geen subtiliteit - alles lijkt even belangrijk, dus niets is belangrijk

Impact heeft misschien een plek in memes en macro afbeeldingen, maar niet op professionele websites waar mensen daadwerkelijk iets moeten lezen.

Check onze tips voor heading fonts voor meer alternatieven.

5. Brush Script - elegant maar onleesbaar

Brush Script MT heeft een elegante cursieve stijl die handschrift nabootst. Het ziet er prachtig uit op een krijtbord in een café. Maar drop het in een juridisch document en het wordt lachwekkend.

Het probleem met script fonts op het web

Script, brush en kalligrafie fonts zijn het meest effectief wanneer ze gebruikt worden voor headings, logo's, uitnodigingen, kaarten of design elementen die geen leesbaarheid vereisen over langere passages tekst. Ze zijn het best geschikt voor kleine tekstblokken vanwege hun decoratieve kenmerken, en zijn ongepast voor body tekst of zeer informatieve data - wat de leesbaarheid kan schaden.

Waarom Brush Script faalt op websites

• Onleesbaar voor body tekst - cursieve streken versmelten bij normale tekstgroottes
• Toegankelijkheidsnachtmerrie - mensen met dyslexie of visuele beperkingen kunnen het nauwelijks lezen
• Slechte weergave op lage resoluties - dunne streken verdwijnen op oudere schermen
• Context mismatch - elegant voor uitnodigingen, maar niet voor informatie

6. Curlz - kinderachtig en storend

Curlz is wat er gebeurt als Comic Sans te veel suiker eet en besluit om een font te worden. CXL Institute noemt Curlz specifiek als één van de slechtste fonts omdat het kinderachtig en opzichtig overkomt.

Waarom Curlz geen professionele use case heeft

• Extreme decorativiteit - de krullen trekken meer aandacht dan de content zelf
• Nul leesbaarheid - zelfs in grote groottes moeilijk te ontcijferen
• Kinderachtige associaties - denk aan verjaardag uitnodigingen voor 6-jarigen
• Geen schaal flexibiliteit - werkt op geen enkele grootte goed

Zelfs voor speelse websites is Curlz te veel van het goede. Het is één van die fonts die je letterlijk nergens voor moet gebruiken op een professionele website.

7. Te veel verschillende lettertypes (de grootste fout van allemaal)

Dit is technisch gezien geen specifieke font, maar het is wel de meest voorkomende typografie fout die websites maken. Onderzoek naar website design fouten toont aan dat het gebruik van meer dan twee of drie fonts ervoor zorgt dat publiek vertrekt omdat ze de content desoriënterend en verwarrend vinden.

De data achter font consistentie

Herinner je je dat CXL case study dat we eerder noemden? De site die naar 14px Georgia switchte zag ook een 7.1% verbetering in bounce rate van 88.0% naar 80.9%. Een groot deel van die verbetering kwam van het reduceren van font variatie en het creëren van een consistent typografisch systeem.

Best practices adviseren om niet meer dan 2-3 complementaire fonts te selecteren en minimaal 16px font grootte te gebruiken voor body tekst.

Waarom te veel fonts je conversie vernietigt

• Cognitieve overload - bezoekers moeten te veel visuele informatie verwerken
• Gebrek aan hiërarchie - alles ziet er even belangrijk (of onbelangrijk) uit
• Onprofessionele indruk - lijkt op een ransom note in plaats van een website
• Tragere laadtijden - elke font familie voegt gewicht toe aan je pagina

/* ✅ CORRECT - Consistent font systeem */
:root {
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

p, li, span, div {
  font-family: var(--font-body);
}

/* ❌ INCORRECT - Te veel variatie */
h1 { font-family: 'Playfair Display', serif; }
h2 { font-family: 'Montserrat', sans-serif; }
h3 { font-family: 'Roboto', sans-serif; }
p { font-family: 'Open Sans', sans-serif; }
.special { font-family: 'Pacifico', cursive; }

Voor complete font combinaties die bewezen goed werken. Zie onze 5 perfecte font combinaties voor Nederlandse websites.

1. Leesbaarheid gaat altijd boven creativiteit

Het MIT onderzoek toonde aan dat slechte typografie letterlijk onze emoties negatief beïnvloedt. Als je bezoekers fronsen tijdens het lezen, converteren ze niet. Kies altijd voor leesbaarheid.

2. Test op echte schermen, niet op papier

Times New Roman en Papyrus lijken misschien mooi op papier, maar ze zijn ontworpen voor gedrukte media. Test je fonts altijd op de apparaten waar je publiek ze zal zien: desktops, laptops, tablets en telefoons.

3. Beperk je tot 2-3 fonts maximaal

De data is duidelijk: meer dan 2-3 fonts zorgen ervoor dat bezoekers vertrekken. Bouw een consistent typografisch systeem met één heading font en één body font. Eventueel kun je een derde accent font toevoegen voor speciale elementen.

4. Minimaal 16px voor body tekst

Best practices adviseren een minimum van 16px voor body tekst. Kleinere groottes veroorzaken oogvermoeidheid en verhogen je bounce rate. De meeste professionele websites gebruiken 16-18px als basis.

5. Denk in conversie, niet alleen in esthetiek

Een mooi lettertype dat slecht converteert is geen goed lettertype. Onthoud de CXL data: 38% engagement verbetering en 7.1% bounce rate reductie zijn mogelijk door alleen je typografie te optimaliseren. Test verschillende opties en kies de font die de beste resultaten geeft.

6. Personalisatie kan tot 35% snellere leesbaarheid leiden

Recent onderzoek toont aan dat het switchen naar een meer geschikte typeface voor de lezer resulteerde in een 35% boost in leessnelheid. Dit suggereert dat individuele voorkeuren belangrijk zijn. Maar als je geen personalisatie kunt implementeren, kies dan voor universeel leesbare fonts zoals Verdana, Georgia en Open Sans.