Hoeveel lettertypen gebruik je op een website?
Twee. Eén voor je koppen en één voor je lopende tekst. Vaak kom je met één lettertype in twee gewichten net zo ver.
Meer dan twee maakt je site rommelig en zwaarder, zonder dat er iets tegenover staat.
Belangrijker dan het aantal lettertypen is het aantal gewichten.
Het aantal gewichten
Elk gewicht is een apart bestand. Gebruik je regular, medium, vet en cursief, dan laad je vier bestanden voor één lettertype.
Twee gewichten per lettertype is voor de meeste sites genoeg. Meer daarover lees je bij pagespeed.
Wat het gewicht kost
Reken op enkele tientallen kilobytes per bestand. Vier bestanden is dus al gauw meer dan al je opmaak bij elkaar.
En lettertypen blokkeren het tonen van je tekst tot ze binnen zijn.
Wanneer één genoeg is
Bij een zakelijke site zonder uitgesproken vormgeving. Eén goed lettertype in twee gewichten oogt rustig en professioneel.
Verschil maak je dan met grootte en kleur, niet met een tweede letter. Meer daarover lees je bij design system.
Mijn vuistregels
- Maximaal twee lettertypen.
- Maximaal twee gewichten per lettertype.
- Gebruik een variabel lettertype bij drie of meer gewichten.
- Ruim gewichten op die je nergens gebruikt.
Die laatste levert vaak direct winst op: veel sites laden gewichten die op geen enkele pagina voorkomen.
Hoe je controleert wat je laadt
In de ontwikkelaarshulpmiddelen van je browser zie je onder het netwerkverkeer welke lettertypebestanden binnenkomen.
Staan er vijf, dan is er werk te doen. Meer daarover lees je bij css.
Bij een paginabouwer
Die laadt soms standaard een reeks gewichten. Kijk in de instellingen welke je kunt uitzetten.
Meer daarover lees je bij of webfonts je website vertragen.