Het beste lettertype voor je website is er een dat op elk scherm rustig leest: desktop, tablet en mobiel. De vaste groep die dat waarmaakt: Inter, Roboto, Open Sans, Verdana, Arial en Georgia. Er is geen font dat veruit het best is. Er is wel een groep die telkens bovenaan eindigt in leesonderzoek en in gebruikscijfers. Hieronder zie je ze naast elkaar, met de argumenten erbij.
De 6 beste lettertypes voor websites
| Font | Zo ziet het eruit | Sterk in | Let op |
|---|---|---|---|
| Inter | Handgeschreven l, I en 1 — 0O | Kleine tekst, formulieren, prijzen | Voelt zakelijk, weinig warmte |
| Roboto | Handgeschreven l, I en 1 — 0O | Mobiel, lange lappen tekst | Zo bekend dat het neutraal oogt |
| Open Sans | Handgeschreven l, I en 1 — 0O | Blogs, teksten van 1.000+ woorden | Weinig eigen gezicht |
| Verdana | Handgeschreven l, I en 1 — 0O | Oudere doelgroep, kleine schermen | Breed, kost veel ruimte per regel |
| Arial | Handgeschreven l, I en 1 — 0O | Snel laden, staat op elk apparaat | l en I zijn lastig te scheiden |
| Georgia | Handgeschreven l, I en 1 — 0O | Koppen, quotes, persoonlijke sites | Onder 16 px loopt het dicht |
Kijk naar de kolom "Zo ziet het eruit". Let bij Arial op de l en de hoofdletter I: die zijn nagenoeg identiek. Bij Inter en Verdana zie je direct verschil. Dat lijkt een detail totdat een klant zijn ordernummer verkeerd overtypt.
Wat is het meest gebruikte lettertype op websites?
Hier hoef je niet op onderbuik af te gaan. HTTP Archive meet elk jaar het echte fontgebruik over miljoenen pagina's en publiceert dat in het Web Almanac.
Uit de meting van 2025:
- Roboto is het meest opgevraagde Google-font op desktop, met ongeveer 9,2% van alle Google-fontverzoeken.
- Op mobiel staat Roboto op ongeveer 11% van de pagina's.
- Font Awesome is de meest gebruikte familie van allemaal, boven de 10%. Dat is een icoonset, geen leesfont.
- Poppins en Montserrat hebben Lato ingehaald.
- Steeds meer sites hosten hun fonts zelf in plaats van via Google's CDN, om redenen van snelheid en privacy.
Zoek je het antwoord voor Word en niet voor het web? Daar is Calibri de standaard sinds Office 2007, opgevolgd door Aptos in recente versies.
Font-koppels die werken
Eén font voor je koppen, één voor je lopende tekst. Meer heb je zelden nodig. Elk extra font kost laadtijd en geeft onrust. Deze paren gebruik ik zelf het vaakst:
| Koppen | Lopende tekst | Past bij |
|---|---|---|
| Montserrat | Open Sans | Coaches, trainers, dienstverleners |
| Playfair Display | Inter | Fotografie, interieur, luxe |
| Poppins | Roboto | Webshops, tech, apps |
| Georgia | Verdana | Blogs, oudere doelgroep, nul webfonts |
| Inter (bold) | Inter (regular) | Wie twijfelt. Dit gaat nooit mis |
Die laatste rij is serieus bedoeld. Eén familie met twee gewichten geeft rust, laadt het snelst en ziet er verzorgd uit. Het duo Georgia + Verdana laadt zelfs helemaal geen extern bestand, want beide staan al op vrijwel elk apparaat.
De vergelijkingen die je opzoekt
Arial of Roboto?
Roboto voor je website, Arial als je nul laadtijd wilt inleveren. Roboto heeft duidelijker cijfers en een rustiger beeld op mobiel. Arial staat al op het apparaat van je bezoeker, dus er hoeft niets gedownload te worden. Verkoop je online? Dan wint Roboto, omdat prijzen en codes minder snel verkeerd gelezen worden.
Open Sans of Inter?
Inter is getekend voor schermen en interfaces: strakke cijfers, duidelijk verschil tussen l, I en 1. Dat betaalt zich uit in formulieren, tabellen en prijsblokken. Open Sans leest wat warmer bij lange verhalen. Schrijf je blogs van 1.500 woorden, kies Open Sans. Heb je een webshop of een dashboard, kies Inter.
Inter of Roboto?
Dit scheelt weinig. Inter is scherper bij kleine groottes en op tekst onder de 14 px. Roboto oogt iets zachter en is de veilige keuze als je publiek vooral op Android zit, want daar staat het font al lokaal. Twijfel je: neem Inter voor UI en Roboto voor artikelen.
Serif of sans-serif op een website?
Sans-serif is de veilige keuze voor lopende webtekst. De vormen blijven helder bij kleine groottes. Serif werkt prima voor koppen, quotes en grotere tekst.
Het idee dat serif per se trager leest op een scherm houdt geen stand. Wat wél steeds terugkomt in leesonderzoek: tekstgrootte weegt zwaarder dan de fontkeuze. Bernard, Chaparro, Mills en Halcomb vergeleken Times New Roman en Arial op 10 en 12 punt en vonden dat 10 punt anti-aliased Arial juist trager gelezen werd dan de andere varianten. De voorkeur van deelnemers ging naar Arial op 12 punt. Lees het onderzoek (International Journal of Human-Computer Studies, 2003, 59:6, p. 823-835).
Kortom: een serif op 18 px verslaat een sans-serif op 13 px. Zet je energie eerst in de grootte.
Instellingen die meer verschil maken dan het font zelf
Veel mensen zoeken naar dat ene magische lettertype. In de praktijk bepalen grootte, regelafstand en contrast het leesgemak.
- Bodytekst op 16 tot 18 px. Kleiner vermoeit op mobiel.
- Regelafstand 1,5 tot 1,7. Daaronder plakken de regels aan elkaar.
- Regellengte 60 tot 75 tekens. Bij bredere kolommen raakt het oog de volgende regel kwijt.
- Contrast van minimaal 4,5:1 tussen tekst en achtergrond, de ondergrens uit de toegankelijkheidsrichtlijn WCAG voor normale tekst. Lichtgrijs op wit valt daar vrijwel altijd onder.
- Geen lettergewicht onder 400 voor lopende tekst. Dunne lijnen vallen weg op goedkope schermen.
Die 4,5:1 is de vaakst gemaakte fout die ik tegenkom bij websites die ik overneem. Designers kiezen #999 op wit, dat haalt de norm niet, en juist je oudere bezoekers haken daarop af.
Zo laad je een webfont zonder je site te vertragen
Een font is een bestand dat gedownload wordt voordat je tekst zichtbaar is. Doe je daar niets aan, dan kijkt je bezoeker naar een lege pagina. Vier ingrepen:
- Gebruik WOFF2. Dat is het kleinste formaat en elke browser die er nog toe doet ondersteunt het.
- Zet
font-display: swapaan. Je tekst verschijnt dan direct in een reservefont en wisselt zodra het echte font binnen is. Beter een korte wissel dan seconden niets. - Laad alleen de gewichten die je gebruikt. Regular en bold volstaan meestal. Elk extra gewicht is een apart bestand.
- Host het font zelf. Dat scheelt een externe verbinding en houdt je AVG-verhaal schoon, want er gaan dan geen IP-adressen naar Google. Het Web Almanac laat zien dat steeds meer sites deze kant op gaan.
Dit raakt direct aan je technische basis en daarmee aan je vindbaarheid.
Welk lettertype gebruikt die ene website?
Je ziet ergens iets moois en je wilt weten wat het is. Drie manieren:
- Rechtermuisknop, Inspecteren. Klik op de tekst en kijk in het paneel Computed bij
font-family. Werkt altijd, kost geen installatie. - WhatFont, een browserextensie. Je klikt op tekst en ziet naam, grootte en regelafstand.
- Fonts Ninja als je ook wilt zien waar je het font kunt krijgen.
Zie je een naam die je niet kent? Zoek hem op Typewolf voor gratis alternatieven die er dichtbij komen.
Zo test je zelf wat werkt
Wil je het zeker weten voor jouw doelgroep? Doe een A/B-test. Zet twee versies live met hetzelfde ontwerp en verander alleen het font. Meet scroll-diepte, tijd op pagina en kliks op je knoppen.
Eén valkuil: verander nooit tegelijk het font en de tekstlengte. Dan kun je het effect niet duiden. Houd de rest gelijk. Meer meetideeën vind je in mijn artikel over CRO verbeteren.
Wat ik zelf kies, na 250 websites
Eerlijk? In negen van de tien projecten kies ik Inter of Open Sans voor de lopende tekst, en pak ik de fontkeuze uit de huisstijl van de klant voor de koppen. Dat werkt, omdat de koppen het karakter dragen en de bodytekst het werk doet.
De keren dat het misging, ging het nooit om het font. Het ging om 14 px bodytekst op een site voor vijftigplussers. Om lichtgrijze tekst die op het scherm van de designer prachtig oogde en op een telefoon in de zon verdween. Om vier gewichten van drie families, waardoor de pagina 1,8 seconden aan fontbestanden stond te laden.
Kies een font uit de tabel hierboven. Zet je bodytekst op 17 px. Check je contrast. Dan ben je klaar en kun je door naar zaken die je meer klanten opleveren.
Veelgestelde vragen
Wat is het beste lettertype voor websites als ik snel wil starten?
Inter of Open Sans. Beide schalen prettig op elk scherm en lezen rustig bij lange teksten. Zet ze op 16 tot 18 px met een regelafstand van 1,6.
Wat is het meest gebruikte lettertype op het web?
Roboto. Volgens het Web Almanac 2025 van HTTP Archive is het het meest opgevraagde Google-font op desktop, ongeveer 9,2% van alle Google-fontverzoeken, en staat het op zo'n 11% van de mobiele pagina's.
Is Arial beter dan Times New Roman op een scherm?
Op leessnelheid ontlopen ze elkaar weinig. In het onderzoek van Bernard e.a. (2003) werd Arial op 10 punt zelfs trager gelezen dan de andere varianten. Deelnemers gaven wel de voorkeur aan Arial op 12 punt. De tekstgrootte doet meer dan de keuze tussen die twee.
Waarom wordt Verdana zo vaak genoemd voor websites?
Verdana is in de jaren negentig door Matthew Carter getekend voor beeldschermen, met een grote x-hoogte en ruime letterafstand. Daardoor blijft kleine tekst leesbaar, ook op oudere schermen. De keerzijde: het font is breed en kost veel ruimte per regel.
Mag ik twee fonts naast elkaar gebruiken op één site?
Ja. Eén font voor je koppen, één voor je lopende tekst. Blijf bij twee families en maximaal drie gewichten, dan houd je je site snel en rustig.
Welk lettertype is het best leesbaar?
Voor kleine tekst en cijfers: Inter en Verdana, omdat l, I en 1 daar duidelijk verschillen. Voor lange artikelen: Open Sans of Georgia op 18 px. Het contrast en de grootte wegen daarbij zwaarder dan de fontnaam.
Zijn Google Fonts gratis voor commercieel gebruik?
Ja. De fonts op Google Fonts hebben een open licentie en mag je zakelijk gebruiken. Host ze wel zelf, dan gaan er geen bezoekersgegevens naar Google.
Hulp nodig?
Zit je vast op de typografie van je site, of loopt er meer niet lekker? Ik bouw en herstel websites voor ondernemers, van fontkeuze tot koppelingen. Bekijk wat ik voor je kan doen bij hulp met je Phoenixsite, of stuur me een bericht via de contactpagina.
