Wat is een font stack?

Een font stack is een opeenvolgende lijst van vergelijkbare lettertypes (fonts) die in de CSS-stylesheet van een website wordt gedefinieerd. Deze lijst dient als een technisch vangnet voor de browser van de websitebezoeker om te bepalen in welk lettertype de teksten op het scherm moeten worden weergegeven.

Waarom is een font stack noodzakelijk?

Een webbrowser kan de tekst van een website alleen in het specifiek gekozen design-lettertype tonen als de bezoeker dat lettertype op zijn eigen computer heeft geïnstalleerd, of als de browser het lettertype live kan downloaden (zoals via Google Fonts). Om te voorkomen dat een browser ongewenst terugvalt op een lelijk standaardlettertype wanneer de primaire keuze niet laadt, biedt een font stack alternatieven.

Hoe werkt de hiërarchie in CSS?

De browser leest de font stack van links naar rechts. Het systeem zal altijd proberen om het allereerste lettertype uit de lijst te laden. Is dit font niet beschikbaar of duurt het downloaden te lang? Dan springt de browser direct naar het tweede lettertype in de rij, enzovoorts. Aan het einde van de font stack plaatst een developer altijd een generieke lettertypefamilie (zoals sans-serif of serif) als ultiem achtergrondalternatief. Door een slimme font stack te bouwen, behoudt de website-eigenaar maximale controle over de visuele uitstraling van de teksten op elk type besturingssysteem.