Letter-spacing is de gelijke ruimte die je tussen alle letters in een stuk tekst toevoegt, ook wel tracking genoemd. Anders dan één paar tegelijk aanpassen, maakt het elke tussenruimte tegelijk wijder of strakker en verandert zo hoe open of dicht een woord aanvoelt.
Stel je de stoelen in een bioscooprij voor. Letter-spacing is alsof je bepaalt hoeveel beenruimte elke stoel krijgt, gelijkmatig over de hele rij, in plaats van één stoel te verschuiven om één krappe plek op te lossen. Dat oplossen van een enkel paar is kerning, een verwante maar aparte aanpassing. Ruime letter-spacing geeft hoofdletterlabels en kleine bijschriften een rustige, premium uitstraling, terwijl strakke afstand een kop juist stevig en compact laat ogen.
In CSS is het één eigenschap, letter-spacing, en de eenheid die je kiest maakt uit. Met em koppel je de ruimte aan de lettergrootte, zodat een kop en zijn kleinere bijschrift hetzelfde gevoel houden naarmate de layout schaalt. Pixels blijven vast, ongeacht de grootte, en dat is meestal niet wat je wilt op een responsive pagina.
Goed gebruikt scherpt het je typografie aan. Verkeerd gebruikt werkt het tegen je: te veel ruimte en een woord valt uiteen in losse letters, te weinig en de letters smeren in elkaar. Tekst in hoofdletters heeft bijna altijd baat bij iets meer ruimte, omdat kapitalen van nature net iets te dicht op elkaar staan. De eerlijke marge is klein. Een waarde als 0.05em kan een label transformeren, terwijl alles voorbij 0.2em eerder als trucje gaat lezen dan als verfijning.
Bij TopDevs stellen we letter-spacing bewust in op koppen en UI-labels, zodat de interface van een klant op elk schermformaat helder leest, in plaats van het aan toeval over te laten.
