Terug naar begrippenlijst
Font stack
Een font stack is een rijtje lettertypes dat je in de code van je website meegeeft. Die lijst vertelt je browser in welke volgorde de lettertypes moeten proberen te laden. Zo voorkom je dat je website er opeens raar uitziet als een bepaald font niet beschikbaar is, want dan pakt de browser automatisch het volgende op het lijstje.
Inhoudsopgave
Lettertypes die je uitstraling bewaken
Je hebt vast weleens een website gezien waar de tekst opeens in een vreemd of ouderwets lettertype stond. Grote kans dat daar geen goede font stack was ingesteld. Met een font stack zorg je voor visuele consistentie en een prettige leeservaring, ook als er technisch iets misgaat met je hoofdfont. Je kan de font stack dus zien als een vorm van schadebeperking en merkbewaking die jouw website netjes houdt.
Geen toegang? Dan is er altijd FTP
Een goede font stack begint bij je favoriete (of merkgebonden) lettertype en eindigt met een generiek ‘fallback’-lettertype zoals sans-serif of serif. Daarmee geef je je website de beste kans om er consistent uit te blijven zien, ongeacht browser, apparaat of besturingssysteem.
Om het goed op te zetten, heb je een mix nodig van:
- Hoofdlettertype: Jouw gewenste font (bijvoorbeeld een Google Font of custom typeface).
- Alternatieve fonts: Die lijken op je hoofdlettertype en vaker standaard aanwezig zijn op systemen.
Generieke fallback: Zoals sans-serif, serif of monospace, voor als alles faalt.
Voorbeeld
Je code kan er bijvoorbeeld zo uitzien:
font-family: “Poppins”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
Waarom je niet op ‘standaard’ moet vertrouwen
Gebruik je geen font stack, dan bepaalt de browser zelf welk standaardlettertype gebruikt wordt en dat kan er op elk systeem anders uitzien. Je loopt dan het risico dat je ontwerp zijn kracht verliest, teksten verspringen of de site onprofessioneel oogt.
Met andere woorden: zonder font stack laat je de controle over je uitstraling deels los. Zonde, toch?
Veelgestelde vragen
Niet technisch, maar wel sterk aanbevolen als je een consistente uitstraling wilt.
Een font is één lettertype. Een font stack is een lijst van fonts, geordend op voorkeur.
Niet als je slim omgaat met font-bestanden en hosting. De browser pakt gewoon het eerste beschikbare font.
Zeker. Sterker nog, dat is juist handig als fallback-optie.
Mika de Bruijn Teamlead webdevelopment
Gerelateerde begrippen
- 301 redirect
- 302 redirect
- Array
- Console log
- Continuous Integration
- CSS
- Dynamische routering
- Error handling
- Event sourcing
- H1 Titel
- Integrated Development Environment
- Meerstapsformulieren
- Microsoft Edge
- Navigatiebalk
- Nofollow
- Pseudonimiseren
- Sorteeralgoritme
- Test case
- Webhooks
- Website ontwikkeling
- Webverkeer
- WordPress
- WPML
- XHTML
