Welk lettertype kiest u voor uw website? Een nuchtere aanpak

Het lettertype is het onderdeel van een website waar bezoekers het langst naar kijken, en waar ondernemers het kortst over nadenken. Vaak wordt het iets uit de standaardlijst van het thema, of het lettertype dat de vorige bouwer toevallig gebruikte. Toch bepaalt het voor een groot deel of uw site rustig, ambachtelijk, zakelijk of speels overkomt, en of mensen uw tekst op een telefoon uitlezen. Een lettertype voor uw website kiezen kan in een uur, als u weet waar u op let.

Waar een goed lettertype voor een website aan voldoet

• Leesbaar op klein formaat. Letters die duidelijk van elkaar verschillen. Let op de hoofdletter I, de kleine l en het cijfer 1. Lijken die op elkaar, dan leest een telefoonnummer of prijs lastig.
• Een ruime x-hoogte. Dat is de hoogte van de kleine letters ten opzichte van de hoofdletters. Lettertypen met hoge kleine letters lezen op een scherm meestal prettiger.
• Genoeg varianten. Minimaal normaal, vet en cursief. Zonder vet geen nadruk, zonder cursief geen citaat.
• Nederlandse tekens. De ë, é, ï en het euroteken moeten erin zitten. Bij gratis lettertypen van onbekende makers ontbreken die nog wel eens.
• Een licentie die webgebruik toestaat. Niet elk lettertype dat u op uw computer heeft, mag op een website.

Schreef of schreefloos?

Schreefletters hebben kleine voetjes aan de uiteinden, zoals Georgia of Times. Schreefloze letters hebben die niet, zoals Arial, Inter of Open Sans. Vroeger was de vuistregel: schreefloos voor schermen, schreef voor papier. Moderne schermen zijn scherp genoeg om allebei goed te tonen. De keuze gaat daarom vooral over sfeer. Een schreefletter oogt vaak klassieker en warmer, een schreefloze letter strakker en neutraler. Een advocatenkantoor en een fietsenmaker kunnen allebei met beide uit de voeten, als het maar past bij de rest.

Lettertype voor uw website kiezen in vijf stappen

1. Begin bij uw huisstijl

Staat er een lettertype in uw huisstijl, kijk dan eerst of dat voor het web beschikbaar is en of de licentie het toestaat. Is het een sierlijke letter, gebruik hem dan voor koppen en kies een rustiger letter voor de lopende tekst.

2. Kies maximaal twee lettertypen

Een voor koppen, een voor tekst. Of één lettertype voor allebei, in verschillende diktes. Drie of meer lettertypen maken een pagina onrustig en de site zwaarder.

3. Test met uw eigen tekst

Voorbeeldzinnen op een lettertypesite zijn altijd mooi. Plak een echte alinea van uw site in de testfunctie, met een telefoonnummer, een prijs met euroteken en een lang Nederlands woord als “onderhoudscontract”. Dan ziet u hoe het er echt uitziet.

4. Bekijk het op een telefoon

Maak een testpagina of vraag uw bouwer om een voorbeeld, en lees een volle alinea op uw telefoon. Ook met de helderheid laag, in de trein, met uw leesbril af. Moet u turen, dan is het te dun of te klein.

5. Let op grootte en regelafstand

Het lettertype zelf is maar de helft. Lopende tekst die te klein staat, of regels die tegen elkaar aan plakken, leest slecht met elk font. Veel webbouwers houden voor lopende tekst ongeveer 16 pixels of meer aan, met wat extra ruimte tussen de regels. Zeker als uw klanten wat ouder zijn, is iets groter beter.

Goede combinaties vinden

Een kop- en tekstletter combineren werkt het best als ze duidelijk verschillen. Een schreefletter voor koppen met een schreefloze letter voor tekst is een klassieke combinatie. Twee schreefloze letters die bijna hetzelfde zijn, ogen juist als een vergissing. Google Fonts toont bij veel lettertypen voorbeelden van combinaties, en daar kunt u meteen uw eigen tekst testen.

Gratis of betaald?

Voor de meeste mkb-sites volstaat een gratis lettertype uit een bibliotheek als Google Fonts. Die zijn vrij te gebruiken, ook commercieel. Een betaald lettertype kan de moeite waard zijn als u een herkenbare huisstijl wilt die niet op duizenden andere sites voorkomt. Kijk bij betaalde fonts goed naar de licentie: soms betaalt u per aantal bezoekers of per website.

Lettertype, snelheid en privacy

Elk lettertype en elke dikte is een bestand dat de bezoeker moet downloaden. Hoeveel varianten u echt nodig heeft, staat in lettertypen die uw site vertragen. Daarnaast is het verstandig om lettertypen vanaf uw eigen server te laden in plaats van rechtstreeks bij Google; waarom dat met de AVG te maken heeft, leest u in Google Fonts lokaal hosten.

Wat u aan uw bouwer doorgeeft

De naam van het lettertype, de licentie als het een betaald font is, en voorbeelden van wat u wel en niet mooi vindt. Bij het bouwen van een nieuwe site regelen wij het technische deel: de bestanden lokaal, alleen de diktes die gebruikt worden, en vaste tekstgroottes in het thema zodat het er op elke pagina hetzelfde uitziet. Meer over hoe we te werk gaan, leest u op de pagina over een WordPress-website laten maken.