Serif en sans-serif combineren
Ontdek hoe je serif en sans-serif lettertypen effectief combineert voor zakelijke en redactionele websites. We laten je werkende combinaties zien die echt werken op Nederlands web.
Waarom je twee verschillende lettertypen nodig hebt
De meeste succesvolle websites gebruiken niet één, maar twee lettertypen. Het idee is simpel: één voor koppen (meestal serif of sans-serif met sterke karakter) en één voor broodtekst (meestal sans-serif voor digitale schermen). Dit zorgt voor visuele hiërarchie en maakt je site aangenaam om te lezen.
In Nederland zien we dit patroon overal — van groot zakelijk web tot klein redactioneel werk. De kunst is om twee lettertypen te kiezen die niet botsen, maar juist elkaar aanvullen. Het gaat niet om wat trendy is, maar wat functioneert voor je specifieke publiek.
De basis regel
Kies één serif en één sans-serif. Niet twee van dezelfde familie. Dit geeft contrast en maakt je hiërarchie duidelijk.
Serif voor koppen, sans-serif voor tekst
Dit is de klassieke aanpak. Je zet een serif-lettertype (zoals Garamond of Playfair Display) in voor je h1, h2 en h3 koppen. Vervolgens kies je een schone sans-serif (bijvoorbeeld Inter, Roboto of Source Sans) voor je broodtekst en labels.
Waarom werkt dit? Serif-lettertypen hebben elegantie en autoriteit. Ze trekken aandacht. Sans-serif is neutraal en rustig — ideaal voor langere tekstpassages. Deze combinatie werkt vooral goed op zakelijke sites, advocaten, financieel advies, en redactioneel werk.
Werkende combinaties:
- Playfair Display (serif) + Inter (sans-serif)
- Lora (serif) + Open Sans (sans-serif)
- EB Garamond (serif) + Segoe UI (sans-serif)
Informatie over lettertype-paren
De combinaties die we bespreken zijn suggesties op basis van typografische principes en algemene best practices. Jouw keuze hangt af van je brand, je publiek en je content. Test altijd met echte Nederlandse tekst — karakters zoals ‘ij’ en ‘ë’ gedragen zich soms anders in verschillende lettertypen.
Praktische keuzes maken
Bij het selecteren van je lettertype-paar zijn er drie dingen waar je op let:
1
Contrast zonder chaos
De twee lettertypen moeten duidelijk anders zijn, maar niet botsen. Gebruik geen twee serif-lettertypen samen — dat voelt rommelig. En twee sans-serifs werken ook niet altijd goed.
2
Leesbaarheid op mobiel
Serif-lettertypen kunnen klein moeilijk zijn op telefoons. Zorg dat je serif groter wordt op mobiel, of schakel naar sans-serif voor kleine schermen. Nederlandse sites moeten hier voorzichtig mee zijn.
3
Gewicht en breedte
Zorg dat je sans-serif niet lichter is dan je serif. Een dunne sans-serif naast een dik serif voelt ongebalanceerd. Probeer lettertypen met vergelijkbare ‘zwaarte’.
Drie veelgebruikte patronen in Nederland
We zien steeds dezelfde aanpakken terugkomen op Nederlandse websites. Hier zijn ze:
Het klassieke patroon
Serif in koppen (groot en elegant), sans-serif in broodtekst. Dit werkt op advocatenkantoren, financiële diensten en medische praktijken. Voelt professioneel en betrouwbaar.
Voorbeeld: Georgia voor h1 + Helvetica Neue voor body
Het moderne patroon
Sans-serif overal, maar een mooie serif als accent in bepaalde secties (bijv. quotes of intro-teksten). Dit is populair op tech-bedrijven en startups in Nederland.
Voorbeeld: Montserrat + Merriweather accent
Het redactionele patroon
Grote serif-koppen die veel ruimte innemen, minimale sans-serif voor navigatie en metadata. Ideaal voor blogs, magazines en nieuwssites.
Voorbeeld: Playfair Display + DM Sans
Testen voordat je go live gaat
Je kunt online tools gebruiken om lettertype-paren te testen. Maar het echte werk gebeurt met je eigen Nederlandse content. Hier’s hoe je het doet:
- Pak je langste broodtekst en zet die in je gekozen sans-serif. Lees het hardop. Voelt het prettig?
- Zet je koppen in je gekozen serif. Zijn ze groot genoeg? Te dik? Te dun?
- Open je site op mobiel (vooral Samsung Galaxy, populair in NL). Zien de letters er goed uit?
- Test met speciale Nederlandse karakters: ij, ë, é, ü. Zien die er correct uit?
- Vergelijk met je concurrenten. Voelt je keuze uniek genoeg?
Veel ontwerpers beginnen met Google Fonts omdat ze gratis zijn en goed functioneren op alle apparaten. Maar betaalde lettertypen (van Monotype of Linotype) kunnen beter aanpassen aan Nederlandse typografie.
Klaar om je lettertypen te kiezen?
Serif en sans-serif combineren is geen rocket science, maar het vraagt wel aandacht. Je wilt niet eindigen met twee lettertypen die elkaar tegenstrijden. Start met één van de drie patronen die we besproken hebben. Test met echte Nederlandse content. En vraag feedback aan iemand die Nederlands leest — wat werkt voor je publiek is wat telt.
De beste typografie is de soort die je niet opvalt, maar die je wel aangenaam voelt. Dat’s het doel.
Meer weten over typografie voor Nederlands web?
Bekijk alle artikelen
