Typografie voor je website bepalen
Het bepalen van de juiste typografie op je website is belangrijk voor de leesbaarheid en gebruikersvriendelijkheid van je website (ook wel UX genoemd). Een gemiddelde website pagina bevat ongeveer tussen de 1000 en 2500 woorden per pagina, dit komt neer op zo’n 5500 tot 12500 letters.
Dit maakt het hebben van een goede typografie ook een belangrijk deel van het ontwerpproces. De geschikte typografie voor je website bepaal je door de lange teksten een makkelijk leesbaar lettertype te geven en kopteksten te voorzien van een lettertype die goed bij je huisstijl en merk past.
Naast de typografie uitkiezen op basis van je huisstijl kun je ook gebruik van kenmerken die goed bij je merk passen. Hierbij kun je denken aan decoratieve teksten bij een creatief bedrijf. Of kun je de kleur van een lettertype aanpassen. Bij webdesign in Friesland kun je gebruik maken rood, wit en blauw, passend bij de Friese vlag.
Welke soorten typografie zijn er?
Je kunt de soorten typografie onderverdelen in de volgende categorieën:
- Serif: Het lettertype Serif heeft kleine lijntjes aan de uiteindes van de letters, dit geeft een formele en traditionele look. Een bekend voorbeeld van dit type is Times New Roman.
- Sans-serif: Sans-serif wordt gekenmerkt als een modern en strak lettertype, omdat deze geen lijntjes heeft aan het uiteindes van de letters. Bekende lettertypes in deze categorie zijn Arial en Helvetica.
- Display: Display is een decoratief lettertype die vaak wordt gebruikt voor titels, voorbeelden van dit lettertype zijn: Futura, Rockwell en Impact.
- Script (Handgeschreven): Dit type komt het dichtste bij een handgeschreven schrift en wordt vaak gebruikt om een elegante uitstraling aan iets te geven. Onder dit lettertype vallen: Vivaldi, Brush Script MT en Black Jack.
- Monospace: Monospace heeft als kenmerk dat alle lettertypes even lang zijn, daarom wordt dit type vaak gebruikt voor programmacode. Bekende voorbeelden van dit lettertype zijn: Roboto Mono, Courier en Monaco.
Wat is het duidelijkste lettertype?
Serif lettertypes worden over het algemeen gezien als het lettertype dat het beste leesbaar is. Onderzoek toont aan dat “Garamond” het makkelijkst leesbare lettertype is, gevolgd door “Oswald” en “Lato”. Toch zijn deze lettertypes niet het beste leesbaar voor alle soorten lezers, dit kan afwijken per persoon en zelfs per situatie.
Er is dus geen “one size fits it all” typografie voor je website. Het belangrijkste is dat je lettertype in ieder geval goed leesbaar is. Je kunt verschillende mensen om je heen je website laten lezen en vragen wat zij van de leesbaarheid vinden. Wanneer je het echt naar een hoger niveau wilt brengen kun je je eigen snelheidstest doen en kijken hoe snel gebruikers je website lezen met de verschillende soorten lettertypes.
Typografie voor je website downloaden
Het vaststellen van de juiste website typografie is een eerste stap, maar het is ook handig om deze daadwerkelijk te krijgen. Je moet hiervoor weten waar je moet zoeken, maar ook welke je mag gebruiken. Niet alle lettertypes mag je zonder licentie gebruiken, andere lettertypes mag je wel gebruiken maar niet voor commerciële doeleinden, zoals het promoten van je website.
Gratis typografie downloaden voor je website
Wanneer je een startende ondernemer bent, dan heb je natuurlijk niet veel geld voor dure lettertypes. Daarentegen wil je ook niet dezelfde lettertypes hebben als je concurrent om de hoek. Daarom zijn er verschillende gratis alternatieven om typografie voor websites te downloaden.
Google Fonts
Google Fonts is één van de bekendste alternatieven voor het downloaden van lettertypes voor je website. Alle lettertypes zijn gratis voor persoonlijk en commercieel gebruik. Het downloaden of koppelen aan je website gaat gemakkelijk met enkele kliks zonder al te veel registratie stappen.
Fontspace
Fontspace biedt betaalde en gratis fonts aan voor je website. Wanneer je naar de website gaat van Fontspace vind je een filter waar je de gewenste licentie kunt filteren. Wil je de fonts gebruiken voor je website? Kies dan voor de optie: “Free fonts for commercial use”.
Fontesk
Ook op Fontesk kun je gratis lettertypes downloaden voor zowel persoonlijk als commercieel gebruik. Hier kies je dezelfde filteroptie als bij het bovenstaande Fontspace. Je krijgt dan meer dan 4100 resultaten. Wel genoeg toch?
Dafontfree.io
Een ander gratis manier om lettertypes te downloaden is via Dafontfree.io. Op deze website vind je meer dan 1400 gratis commercieel te gebruiken lettertypes.
Betaalde typografie alternatieven
Wanneer het hebben van een uniek design belangrijk is voor je bedrijf, dan is het kiezen van een betaalde typografie ook een optie. Dit wordt voornamelijk veel gedaan bij drukwerk zoals bijvoorbeeld kleding. Je wilt hier natuurlijk een mooie en ook unieke uitstraling creëren. Bekende aanbieders van betaalde lettertypes zijn: Dafont, MyFonts, Fontspace en Adobe Fonts (deze zijn gratis met een Adobe Licentie).
Je website typografie optimaliseren
Wanneer je een typografie voor je website gekozen hebt, dan kun je deze ook nog beter maken voor de gebruiker. Zo is het belangrijk dat je typografie altijd een goed kleuren-contrast heeft. Dit betekent dat de kleur van de achtergrond en tekst een hoog contrast moeten hebben, of te wel de kleuren moeten genoeg van elkaar afwijken.
Ook kun je regels makkelijker leesbaar maken met een hogere regelhoogte en bredere letter afstand. Door de extra witruimte is de tekst makkelijker leesbaar en gemakkelijker te scannen. Let er hierbij wel op dat je niet een te grote afstand kiest, dit zorgt er namelijk voor dat het weer moeilijker te lezen is. De juiste lettergrote voor je website is voor lange teksten 14px tot 20px groot en kopteksten beginnen vanaf 20px.