Wat zijn webfonts en kosten ze laadtijd?

Webfonts zijn lettertypen die je website meelaadt, zodat elke bezoeker dezelfde letter ziet. Ze kosten laadtijd, maar met de juiste instellingen valt dat mee.

Reken op twintig tot vijftig kilobyte per gewicht.

Bij zes bestanden is dat een kwart megabyte.

Waarom ze bestaan

Zonder webfont kan je bezoeker alleen de lettertypen zien die op zijn eigen apparaat staan. Dat zijn er weinig.

Meer daarover lees je bij css.

Wat ze kosten

Per gewicht een bestand, plus een korte periode waarin je tekst nog niet of in een ander lettertype zichtbaar is.

Meer daarover lees je bij pagespeed.

Hoe je het beperkt

Host je lettertypen zelf, laad alleen de gewichten die je gebruikt en beperk je tot de westerse tekenset.

Meer daarover lees je bij hoeveel lettertypes je mag gebruiken.

Mijn vuistregels

1. Host je lettertypen zelf.
2. Alleen de gewichten die je gebruikt.
3. Toon meteen een terugvalletter.
4. Laad je lettertypen met voorrang.

Die derde voorkomt een pagina met onzichtbare tekst tijdens het laden.

Zelf hosten of via een dienst

Zelf hosten is sneller en het scheelt een verbinding met een ander domein. Bovendien is het beter voor de privacy van je bezoekers.

Meer daarover lees je bij accessibility.

Het alternatief

Systeemlettertypen gebruiken. Die laden niet, want ze staan al op het apparaat. Wel ziet je site er per systeem anders uit.

Meer daarover lees je bij design system.

Veelgestelde vragen hierover