Een lettertypecombinatie kan overtuigen in een korte mock-up en tegenvallen in een lang artikel. Goede typografie werkt met echte koppen, verschillende talen en smalle schermen. Begin met de inhoud en bouw vervolgens een herbruikbaar systeem.
1. Bepaal de informatiehiërarchie
Beslis wat mensen eerst moeten zien, daarna scannen en vervolgens aandachtig lezen. Op een dienstenpagina kunnen dat resultaat, omvang en voorwaarden zijn. Kopgroottes moeten die volgorde ondersteunen.
Maak een kleine set stijlen: paginatitel, sectiekop, lopende tekst, bijschrift en knop. Lijkt ieder onderdeel een eigen grootte nodig te hebben, controleer dan de structuur. Misschien zorgt de inhoud al voor voldoende onderscheid.
2. Zoek een prettige regellengte
Voor een artikel zijn ongeveer 60-70 tekens per regel en een regelhoogte van 1,5-1,7 een bruikbaar beginpunt. Test het gekozen lettertype in plaats van dit als universele regel te behandelen. Smalle en brede lettervormen lezen verschillend.
Verklein mobiele tekst niet alleen om de desktopcompositie te behouden. Probeer lange woorden, links, cijfers en lijsten. Een praktische maatstaf: vindt de lezer het begin van de volgende regel zonder zoeken?
3. Test talen vóór goedkeuring
Zet namen, valuta, datums en lange koppen in alle ondersteunde talen. Controleer benodigde tekens en gewichten. Een mooi Latijns voorbeeld garandeert geen geschikte Cyrillische letters; een vervangend font kan het paginaritme veranderen.
Vermijd vaste regelafbrekingen voor één zin. Vergelijk een kort Engels label met een langere vertaling. Laat menu’s en kaarten waar nodig groeien in plaats van echte inhoud af te snijden voor het ontwerp.
4. Laad wat werkelijk nodig is
Maak een overzicht van gebruikte stijlen en gewichten. Voor twee gewichten hoef je niet altijd de hele familie te laden. Variabele fonts kunnen meerdere instelbare eigenschappen in één bestand bevatten; de assen verschillen per lettertype. Meet het resultaat: één bestand is niet automatisch kleiner.
Kies een passende terugvaloptie en bekijk langzaam laden. Tekst moet bereikbaar blijven en het uiteindelijke font mag de navigatie niet beschadigen. Controleer ook de licentie voor gebruik op websites.
5. Controleer door te lezen
Lees een lange alinea, zoom in en gebruik het toetsenbord. Controleer contrasten van tekst, links en bijschriften. WCAG 2.2 biedt toetsbare eisen; gewoon lezen op meerdere apparaten vormt een nuttige aanvulling.
Let op rustige details: een bijschrift, foutuitleg of klein gedrukte prijs. Daar staat vaak essentiële informatie. Decoratief cursief kan een accent geven, terwijl een lange uitleg vooral prettig leesbaar moet zijn.
De volgende stap
Test typografie op de langste pagina en met de lastigste vertaling. Een systeem dat beide aankan, is gemakkelijker te onderhouden op een kort openingsscherm.