Lettertypen lijken tegenwoordig een beetje een ondergeschoven kindje. En dit is niet geheel onterecht: bij het opzetten van een website moet je immers over talloze zaken nadenken, zoals WordPress-thema’s, kleurenschema’s, achtergrondafbeeldingen en blog layouts.

Wie heeft er dan nog tijd over om zich druk te maken om lettertypen?

Alhoewel er veel tijd in het ontwerpen van een website zit, zouden websitebeheerders in onze ogen ook tijd moeten steken in het opzetten van passende lettertypen voor de geschreven tekst van hun WordPress-website. Lettertypen zijn een belangrijk aspect van websitedesign en hebben een directe invloed op de leesbaarheid van je website.

Het gebruik van de juiste combinaties van lettertypen kan je helpen jezelf te onderscheiden van de concurrentie, conversies te vergroten en zelfs je naamsbekendheid te verbeteren.

Maar die vlieger gaat alleen op als je het op de juiste manier aanpakt. Vandaag bespreken we wat WordPress-lettertypen precies zijn en hoe je de beste lettertypen vindt voor jouw WordPress-website.

Meest voorkomende lettertypen

De HTML-lettertypen die je op je WordPress website gebruikt zeggen iets over je merk, of je dat nou wilt of niet. Zelfs de kleinste aanpassing aan een WordPress-lettertype kan de indruk die een bezoeker van je website krijgt van je bedrijf compleet op zijn kop zetten.

We kunnen een hele blogpost schrijven om de geschiedenis en de psychologie achter lettertypen uit te doeken te doen (en misschien doen we dat ook nog wel een keer). Maar om je een algemeen beeld te geven, hier zijn de vijf belangrijkste soorten lettertypen die je op je website zou kunnen gebruiken:

1. Script

Voorbeeld van een Script-lettertype
Voorbeeld van een Script-lettertype (Afbeeldingsbron: Cadillac)

Het Script-lettertype is fancy en gerond, een beetje zoals wanneer iemand met de hand cursief lettertype. Maar je kunt ze in twee versies vinden: formeel en informeel.

Formeel schrift is het meest luxueus. Het lijkt haast op het prachtige werk van de meesters van het handschrift uit de 17e en 18e eeuw. En belangrijker, de stijlen hebben overdreven mooie sierletters en krullen die ver voorbij het einde van de letter strekken.

Informeel schrift lijkt meer op moderne kalligrafie lettertype en is ook leesbaarder dan formeel schrift. Ze zijn tijdloos en raken dus nooit uit de mode. Ze kunnen vooral goed gebruikt worden voor logo’s met grote letters omdat ze moeilijk te lezen kunnen zijn bij grote stukken tekst.

2. Display

Voorbeeld van een Display-lettertype
Voorbeeld van een Display-lettertype (Afbeeldingsbron: Disney)

Display-lettertypen zijn creatief, excentrisch en zien er vaak funky uit. Ze stralen persoonlijkheid uit en worden gebruikt om direct de aandacht te grijpen.

We werden populair in de 19e eeuw en waren vaak te zien op oude reclameborden, posters en pamfletten. Je zult zien dat veel display-lettertypen, zoals Rockwell, iets hebben wat ‘slab serif’ wordt genoemd. Anders gezegd, de krullen die zich verder dan de letter zelf uitstrekken zijn blokkerig en dik.

Deze stijl kun je het best gebruiken voor headers of grote aankondigingen, aangezien ze niet geschikt zijn voor de leesbaarheid, zeker online.

3. Modern

Voorbeeld van een Modern-lettertype
Voorbeeld van een Modern-lettertype (Afbeeldingsbron: Vogue)

Modern-lettertypen zijn erg gestructureerd. Ze zien er professioneel uit en komen vaak een beetje kil en serieus over.

Veel moderne lettertypen hebben lange, dunne ‘serifs’ of schreven, die zich uitstrekken voorbij de letter zelf.

Daarnaast hebben modern-lettertypen geen schuine strepen binnen de letters omdat ze vooral de verticale positie benadrukken. Je zult ook zien dat veel van deze lettertypen de lijndikte variëren tussen de letters, waardoor je wat meer stijl krijgt zonder dat het de gebruikerservaring beïnvloedt.

Modern-lettertypen kunnen het best gebruikt worden voor titels en andere stukken tekst met grotere letters.

4. Serif

Voorbeeld van een Serif-lettertype
Voorbeeld van een Serif-lettertype (Afbeeldingsbron: T-Mobile)

Serif-lettertypen zijn over het algemeen het meest traditioneel. Ze hebben eenvoudige extra’s, die serifs of schreven genoemd worden, die net wat verder doorlopen dan het einde van de letter. Dit gebruik was al normaal in de Romeinse tijd, toen handgeschreven letters vaker met extra flair werden geschreven.

Dit soort lettertypen is het meest conservatief binnen onze lijst. Tegelijkertijd zijn het ook de lettertypen die over het algemeen als meest betrouwbaar worden beschouwd.

Je ziet vaak serif-lettertypen, zoals Times New Roman, in geprint materiaal. Alhoewel sommige mensen dit soort lettertypen ook kiezen voor de teksten op hun website, raden we dat niet aan, omdat serifs minder leesbaar worden wanneer er een hoop tekst is. Maar het is zeker nuttig voor grote titels, headings en logo’s.

5. Sans Serif

Voorbeeld van een Sans Serif-lettertype
Voorbeeld van een Sans Serif-lettertype (Afbeeldingsbron: Google)

Sans Serif-lettertypen, ook wel bekend als schreefloze lettertypen, zie je het meest online. Ze zien er strak en modern uit en hebben niet de serifs of schreven aan het einde van de letter. Juist het ontbreken van deze serifs is wat deze soort lettertypen zo aantrekkelijk maakt in de online wereld.

Deze soort lettertypen werden vooral populair in de jaren twintig en dertig toen alles stijlvol en flitsend moest zijn. Sommige mensen vonden zelfs dat je deze soort alleen kon gebruiken voor reclame, aangezien ze de lettertypen ongeschikt achtten voor gebruik op ander materiaal.

Maar tegenwoordig zie je sans-serifs lettertypen zoals Helvetica… overal.

Waarom de keuze voor lettertypen zoveel uitmaakt

Er spelen een hoop factoren mee bij de keuze voor de perfecte typografie. Denk aan visuele hiërarchie, rooster, contrast, witruimte, en grootte. Maar als je aan het begin al niet het juiste lettertype kiest, dan maken je overige keuzes eigenlijk weinig uit.

Bekijk eens de belangrijkste redenen waarom een lettertype het verschil kan maken tussen een succesvolle en een niet-succesvolle WordPress website:

  • Ze spelen een rol in het design van je site en hebben invloed op de gebruikerservaring.
  • Vergroten de herkenbaarheid van je merk terwijl ze je tegelijkertijd de mogelijkheid geven om persoonlijkheid aan je merk te geven.
  • Ze zorgen voor leesbaarheid van je content en gebruiksgemak van je website.
  • Ze creëren een hiërarchie binnen de content van je site, met name bij blogartikelen.
  • Ze versterken consistentie, iets waar veel gebruikers op zoek naar zijn.
  • Ze laten je merk of je bedrijf er professioneel uitzien.
  • Ze helpen je bezoekers bij het makkelijk navigeren op je website.

Zoals je kan zien doet een lettertype veel meer dan alleen maar het er goed uit laten zien van je site. Het kan een significant effect hebben op het succes van je website en op hoe mensen die je website bezoeken je merk ervaren.

Hoe je inspiratie vindt voor je WordPress website

Het kiezen van het juiste lettertype voor je WordPress-website kan een helse klus lijken, aangezien er zo ontzettend veel keuze is. Daarom is het zo belangrijk om te weten waar je inspiratie kunt vinden.

Als je een website vindt die een mooi lettertype gebruikt dat je ook graag zelf zou willen hebben, is er een handig trucje om erachter te komen welk lettertype dat is.

Het enige dat je hoeft te doen is het stuk tekst selecteren dat je mooi vindt en erop klikken met de rechtermuisknop. Klik vervolgens op Inspect Element.

Element inspecteren
Element inspecteren

Vervolgens, onder de sectie “Computed”, scroll je naar beneden tot je de soort lettertype en andere informatie vindt.

Selecteren van het soort lettertype
Selecteren van het soort lettertype

Als je een mooi lettertype hebt gevonden, maar je zoekt nog hulp om een goed bijpassend lettertype te vinden, kijk dan eens naar Font Pair.

Font Pair
Font Pair

Deze gratis online tool helpt je bij het vinden van een goed bijpassend lettertype waardoor alles perfect samenwerkt op je website. Hier kun je paren van bij elkaar passende lettertypen bekijken, ze downloaden, en zelfs voorbeelden zien van het lettertype-paar. Dit geeft je een goed idee of het koppel ook goed zal werken op jouw website.

Waarom je speciale lettertypen zou gebruiken bij WordPress

Typografie kan een sterk effect hebben op je bezoekers. En het doel van elke eigenaar van een website blijft toch het achterlaten van een blijvende positieve indruk bij elke bezoeker. Dat is uiteindelijk hoe je je naamherkenning opbouwt en meer leads en sales krijgt.

Nog niet overtuigd? Laten we dan eens naar het onderzoek kijken:

Twee onderzoekers toonden in een onderzoek aan dat wanneer je een set instructies geeft aan twee groepen, de ene groep in een eenvoudig lettertype en de andere in een complex lettertype, de groep mensen met het simpele lettertype de taak af hadden in 8,2 minuten. De andere groep deed er wel 15,1 minuut over om precies dezelfde taak uit te voeren. In andere woorden, het eenvoudige lettertype gaf de indruk dat de taak makkelijker was dan het complexe lettertype.

Dezelfde onderzoekers deden nog een studie, waarbij ze de ene groep mensen een menu gaven met een eenvoudig lettertype, en een andere groep een menu met een mooi, excentriek lettertype. De onderzoekers constateerden dat de groep die het menu met het mooie lettertype kreeg de kok een betere beoordeling gaven dan de groep die een menu ontving met een eenvoudig lettertype.

Nog een ander experiment stelde vast dat mensen het waarheidsgehalte van een bericht afhankelijk van het gebruikte lettertype anders inschatten.

Mensen kregen de uitspraak “Goud heeft een atoomnummer van 79” te zien in de volgende lettertypen:

  • Baskerville
  • Comic Sans
  • Computer Modern
  • Georgia
  • Helvetica
  • Trebuchet

De meeste mensen waren het eens met de uitspraak als deze geschreven was in het Baskerville-lettertype. Het is het meest formele en academische lettertype in de lijst, en daardoor was Baskerville het meest effectief in het overtuigen van mensen dat de uitspraak inderdaad waar was.

Wat betekent dit nou allemaal?

Dit betekent dat jouw keuze voor een lettertype bepaalt of bezoekers blijven rondhangen om te zien wat je te bieden hebt. Daarnaast verhoogt (of verlaagt!) het lettertype op je website de kans dat je mensen overtuigt dat je een betrouwbaar merk bent waarmee ze zaken kunnen doen.

Dus alhoewel het heel mooi is om een apart WordPress-lettertype te kiezen waarmee je jezelf onderscheidt, het is nog beter om dat te doen met in je achterhoofd de wetenschap dat de keuze voor een lettertype over meer gaat dan alles ontwerp en visuele aantrekkelijkheid

Waar je speciale lettertypen voor WordPress kunt vinden

Custom WordPress-lettertypen waren vroeger erg duur. Het veranderen van je lettertype was dus niet iets eenvoudigs, tenzij je een hoop geld had.

Maar tegenwoordig zijn premium lettertypen veel betaalbaarder dan voorheen. Daarnaast zijn er superveel echt mooie web-lettertypen die je zo op je website en reclame-materiaal kunt gebruiken.

Laten we eens kijken waar je de beste custom WordPress-lettertypen kunt vinden:

Google Fonts

Google Fonts
Google Fonts

Google Fonts is de beste plek om je eigen lettertypen te vinden, en helemaal naar smaak aan te passen, gratis! Op de website kun je een lettertype uitproberen in verschillende zinnen, paragrafen en in getallen om te kijken hoe het er uit zal zien op jouw website.

Daarnaast kun je op het Google Fonts platform de pixelgrootte aanpassen, het lettertype veranderen naar dikgedrukt, schuin, light/medium, etc en zelfs de kleuren veranderen. Wanneer je uiteindelijk kiest voor een lettertype, hoef je het alleen maar te embedden in je website door het kopiëren van een stukje code. Hier is onze gedetailleerde uitleg over hoe je je lettertype kunt veranderen in WordPress.

1001 Free Fonts

1001 Free Fonts
1001 Free Fonts

1001 Free Fonts biedt eigenlijk zelfs 10.000 gratis lettertype aan, die zowel georganiseerd zijn op alfabet als op naam, zodat het erg makkelijk is om het perfecte lettertype te vinden. Zo kun je bijvoorbeeld op de categorie fancy, kalligrafisch, gestreept of geverfd klikken om je resultaten te verfijnen.

Als je een goed lettertype hebt gevonden, kun je het gratis downloaden, of je kunt doneren aan de ontwerper zodat je het lettertype ook voor commerciële doelen mag gebruiken.

Font Freak

Font Freak
Font Freak

Font Freak heeft meer dan 9.000 gratis lettertypen en duizenden premium lettertypen, dus een lettertype vinden dat bij jouw WordPress-website past zou niet zo moeilijk moeten zijn. Meer dan 400 ontwerpers sturen hun creaties op naar Font Freak, dus er zijn altijd gloednieuwe lettertypen te vinden.

En één van de beste aspecten van Font Freak is dat er versies zijn voor PC én Mac. Als laatste kun je je eigen lettertypen maken en aanpassen met Font Freak’s software.

Fontspace

FontSpace

Fontspace biedt meer dan 61.000 gratis lettertypen die gebruikt kunnen worden voor van alles en nog wat. Ze zijn gegroepeerd in populaire categorieën en per stijl, zodat het eenvoudig is om het juiste type te vinden.

Ontwerpers van over de hele wereld dragen bij aan Fontspace en maken zo hun werk beschikbaar voor zowel commercieel als individueel gebruik. Om je te helpen bij het maken van een weloverwogen beslissing, laat Fontspace ook de beoordelingen van lettertypen zien, en linken ze naar ontwerpers zodat je nog preciezer kunt zoeken.

Vergeet niet dat deze externe diensten heel mooi zijn, maar dat er ook voordelen zijn aan het lokaal hosten van lettertypen bij WordPress. Wanneer je je lettertypen lokaal host, sla je ze op binnen je eigen server in plaats van dat je linkt naar een externe bron.

Eén van de grootste voordelen hiervan is dat je nooit afhankelijk bent van de servers van iemand anders. Immers, als hun servers crashen, is er een goede kans dat jouw lettertype ook problemen krijgt.

Samenvatting

Het soort lettertype dat je gebruikt is een centraal onderdeel van het ontwerp van je WordPress-website, of je dat nou wilt of niet. Het lettertype dat je kiest brengt een bepaalde boodschap over aan je bezoekers, en bepaalde mede of ze rond blijven hangen, je content lezen, en uiteindelijk een aankoop doen.

Gelukkig zijn er veel plekken om een uniek en perfect lettertype te vinden voor jouw merk. Dus ga snel op zoek, vind het perfecte lettertype, en voeg het toe aan je WordPress-website.

Heb je een eenvoudige manier nodig om icoon-lettertype toe te voegen aan je WordPress-website? Bekijk dit gedetailleerde artikel over hoe je WordPress icon-font lettertypen op de goede manier gebruikt en begin meteen met het toevoegen van hoge kwaliteit iconen aan je website, die makkelijk te veranderen zijn in grootte en die je bezoekers zeker zullen waarderen.

Brenda Barron

Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.