Terug naar begrippenlijst
Letter spacing
Letter spacing, oftewel spatiëring, is de ruimte die je toevoegt (of juist weghaalt) tussen de letters van een tekst. Het klinkt niet als een wereldschokkende ingreep, maar in webdesign en contentcreatie kan dit detail het verschil maken tussen een rommelige pagina en een strakke, professionele uitstraling.
Inhoudsopgave
Tekst die ademt in plaats van propt
Gebruik je standaard lettertypes zonder aanpassingen, dan staat de letter spacing vaak op ‘auto’. Dat kan prima werken voor bodytekst, maar bij koppen of knoppen zie je al snel dat de letters te dicht op elkaar staan. Door iets meer ruimte te geven, krijg je direct een luchtiger en toegankelijker beeld.
Voor grote koppen werkt extra spacing vaak verfrissend. Voor lopende tekst kan te veel ruimte juist storend zijn. Het draait dus om balans. Wat je met één regeltje CSS kunt doen, heeft een groot effect op hoe professioneel je site aanvoelt.
Waarom het wél uitmaakt
Een goed gekozen letter spacing verbetert de leesbaarheid en gebruikerservaring, zeker op kleinere schermen. Het voorkomt dat letters ‘in elkaar overvloeien’ en helpt bezoekers sneller informatie te scannen. Vooral op mobiele apparaten of bij smalle layouts is dat cruciaal.
Ook voor branding doet het wat: wil je een modern, strak gevoel neerzetten? Dan hoort een iets ruimere spatiëring daarbij. Wil je juist klassiek of compact overkomen? Dan kun je het juist iets dichter op elkaar zetten.
Subtiel is het sleutelwoord
Letter spacing is net als zout in de soep: een beetje maakt het lekker, te veel bederft het. Als letters te ver uit elkaar staan, wordt het juist moeilijker om woorden te herkennen. En dat komt de gebruikerservaring (en uiteindelijk de optimalisatie van je conversie) niet ten goede.
Veelgestelde vragen
Vaak volstaat 0 of een hele subtiele positieve waarde zoals 0,01 em. Te veel ruimte maakt het lezen vermoeiend.
Indirect wel. Het beïnvloedt de leesbaarheid, en dat draagt bij aan een betere gebruikerservaring. En dat is iets waar zoekmachines blij van worden.
Met een visuele builder zoals Elementor of via aangepaste CSS. Vaak kun je dit per tekstblok instellen.
Nee. Kerning is het aanpassen van de ruimte tussen specifieke letterparen (zoals VA of To). Letter spacing geldt voor alle letters tegelijk.
Mika de Bruijn Lead digital designer
