Waarom oogt hetzelfde lettertype soms groter?
Dat hetzelfde lettertype soms groter oogt dan een ander op dezelfde grootte, verrast bijna iedereen.
De oorzaak is de x-hoogte.
Zestien pixels zegt namelijk iets over de ruimte om de letter, niet over de letter zelf.
Wat die zestien pixels betekent
Het is de hoogte van het denkbeeldige blokje waarin de letter staat, inclusief ruimte boven en onder.
Meer daarover lees je bij het verschil met lettergrootte.
Hoeveel dat scheelt
Tussen twee gangbare lettertypes zit al snel tien tot vijftien procent verschil in zichtbare hoogte.
Meer daarover lees je bij typografie.
Wanneer je erover struikelt
Bij het wisselen van lettertype in een bestaand ontwerp. Je regels lijken dan opeens te dik of te dun.
Meer daarover lees je bij css.
Hoe ik dat opvang
- Vergelijk de nieuwe letter naast de oude op ware grootte.
- Pas de basisgrootte aan, niet elk kopje apart.
- Controleer de regelafstand opnieuw.
- Test op een telefoon voordat je kiest.
Punt twee scheelt uren: één waarde aanpassen laat de hele reeks meeschuiven.
Ook de breedte verschilt
Een smalle letter met een hoge x-hoogte oogt groot maar past meer tekens per regel. Beide effecten tellen mee.
Meer daarover lees je bij twee lettertypes vergelijken.
Wat dit voor je knoppen doet
Knoppen met vaste hoogte kunnen na een letterwissel te vol of te leeg ogen. Kijk die apart na.
Meer daarover lees je bij ui.