Skip to content
Aantal woorden
Leestijd: 5 minuten
Welk lettertype kan je het beste gebruiken op een website

Er zijn letterlijk duizenden lettertypes om uit te kiezen van klassiek tot zeer modern en van strak tot sierlijk. Maar welke zijn nu het beste te gebruiken op je website? Wat zijn de verschillen en waar moet je op letten bij het kiezen?

De eerste selectie om te komen tot een geschikt lettertype is eenvoudig. Van alle duizenden beschikbare (betaalde of gratis) fonts (lettertypen), worden er maar een aantal ondersteund in alle webbrowsers. Met de komst van Google Fonts is dat aantal aanzienlijk vergroot, maar alsnog is het een gelimiteerd aantal. Fonts die je geïnstalleerd hebt op je computer zul je zelf altijd goed kunnen zien op de website die jij maakt. Maar als dat een lettertype is die niet door elke browser ondersteund wordt zal het apparaat van weergave (een desktop, laptop, tablet of telefoon) het lettertype omzetten naar de meest basic font die er bestaat; Times New Roman. En dat wil je natuurlijk niet. Kies daarom altijd voor een lettertype die geschikt is voor online gebruik.

Lettertype met of zonder schreef

Een schreef (in het Engels ‘Serif’) is het onderdeel van de letters dat aan de “pootjes” uitsteekt. Kijk maar eens naar deze letter; Bij traditioneel drukwerk, zoals boeken en kranten, gebruiken we vaak lettertypen met een schreef. Online is de beste keuze een lettertype zonder schreef (Sans Serif).

schreef en schreef loze letter - serif en sans serif font

Stukje geschiedenis: De schreven die aan letters zitten zorgen er op papier voor dat een regel tekst een rechte lijn vormt. Dat maakt het voor het oog makkelijker op de regellijn te volgen en dus de tekst makkelijker leesbaar. Dat was in de tijd dat boekdruk nog handmatig gebeurde en de letters niet volledig kaarsecht naast elkaar gestempeld werden. Die lijnen waren toen nodig om te voorkomen dat letters op het papier zouden “dansen”.

Op een beeldscherm, echter, zorgen de schreven voor minder fijne leesbare teksten. Dit heeft te maken met de pixels en resolutie van een beeldscherm. Doordat een schreef meestal een heel dun deel van de tekst is en de resolutie in pixels die dunne delen niet goed kunnen weergeven worden teksten met schreven wat wazig op een beeldscherm en daardoor minder fijn leesbaar.

De uitzondering op de regel is dan ook dat wanneer je een tekst in een groot formaat neerzet je daar prima een schreefletter voor kan gebruiken. Alleen bij kleinere letters wordt een schreefletter wazig.

Voor website is het dus het beste om een schreefloze letter te kiezen. In Google Fonts kun je daarop filteren.

Jouw huisstijl en het kiezen van een lettertype die daarbij past

Een lettertype is heel bepalend voor een huisstijl en (website) ontwerp. Elk font heeft zijn eigen uitstraling. Daarom is het zo belangrijk om eerst na te denken over wat je wil uitstralen voordat je een lettertype kiest. De één spreekt je doelgroep aan en de ander minder. Zo neem ik een bedrijf die gebruik maakt van een lettertype als Comic Sans niet serieus. Als vormgever breekt mijn hart een beetje elke keer als ik dat lettertype gebruikt zie in een huisstijl. ☹

 

Bij de keuze van lettertype doe je er goed aan twee of maximaal drie lettertypes met elkaar te combineren.

• Koppen
• Platte teksten
• Call to actions / quotes

Meer dan drie lettertypes werkt afleidend van je boodschap.

Dit geldt voor zowel drukwerk als je website. Voorheen koos men voor offline en online communicatie verschillende lettertypes omdat er voor het web niet zoveel mooie font te krijgen waren. Met de komst van Google Fonts is dat verleden tijd en ik raad je dus ook aan om voor de volledige marketing mix te kiezen voor de fonts die Google beschikbaar stelt. Het zijn 850 fonts in totaal. Zeker weten dat jij het perfecte font kan vinden. 😀

8 Stijlen en bijpassende (Google) fonts

Modern

Moderne lettertypes zijn overwegend strak, altijd sans serif. Deze letters hebben een stevige basis.

Montserrat

Varela

Assistent

Raleway

Vrouwelijk

Vrouwelijke lettertypes zijn vaak fijne en wat sierlijke letters. Ze stralen vriendelijkheid uit en zijn met name geschikt voor de zachte sector bedrijven.

Ubuntu

Quicksand

Acme

Muli

Mannelijk

Mannelijke lettertypes zijn niet alleen stoer maar ook robuust. Simpele vormen met een stevige uitstraling. Zeer geschikt voor de harde sector.

Oswald

PT Sans

Alegreya
Sans SC

Bungee
Inline

Stoer

De stoere lettertypes zijn vaak dikgedrukt en hebben ook overeenkomsten met de moderne en mannelijke fonts. Vaak zijn deze lekker rechttoe rechtaan.

Open Sans

Bowlby
One SC

Anton

Orbitron

Retro/Vintage

Vintage fonts lijken op oudere fonts maar met een moderne twist. Dit zijn goede letters voor koppen en quotes.

Signika Negative

Squada One

Bungee

Lekton

Minimalistisch

De minimalistische lettertypes hebben vrij weinig om het lijf en zijn vaak erg smal en dun. Zo minimalistisch mogelijk dus.

Work Sans

Heebo

Yantramanav

Alegreya Sans

Handgeschreven

De handgeschreven letters voegen een speels element toe aan je design. Deze zijn niet geschikt voor langere teksten, alleen voor korte zinnen.

Shadows
Into Light

Bad Script

Neucha

Architects
Daughter

Klassiek

De klassieke lettertypes zijn vaak serif fonts. Deze kun je wel gebruiken voor koppen en grote quotes waarbij je een groter formaat letters gebruikt, maar niet voor platte teksten.

Roboto Slab

Josefin Slab

Lora

Noto serif

Uiteraard ben je niet gebonden aan één stijl fonts

Juist om een brede doelgroep aan te spreken en je website of drukwerk interessant en inspirerend te maken raad ik je aan een combinatie van stijlen te mixen. Zelf maak ik bij het ontwerpen van een huisstijl vaak gebruik van een mix lettertypes.

Een paar van mijn favoriete combinaties voor koppen en platte teksten zijn:

  • Montserrat – PT Sans
  • Muli – Bree serif
  • Bad Script – Assistent
  • Bree Serif – Open Sans

Aangevuld met een handgeschreven lettertype

 

Welke combinaties gebruik je zelf op je website en waarom heb je voor die fonts gekozen?

Lees ook:

communceren-met-je-doelgroep_v2

Communiceren op je website: ‘jij’ of ‘u’?

Klant testimonials vragen verhoogt je expertstatus

Klant testimonials verhoogt je expert status!

1 op 1 WordPress Training

Ben jij best handig en wil jij zélf met je website aan de slag? Dan is deze WordPress training perfect voor jou!

Je kan tijdens de training zelf je eigen website ontwikkelen, of we leren je werken met je bestaande website.

1 op 1 Social Media Training

Je weet dat Social Media belangrijk is, maar je weet niet hoe je een kanaal optimaal inzet? Dan is deze Social Media training perfect voor jou!

Deze training is geschikt voor iedereen die met Social Media zijn naamsbekendheid wil vergroten.

Wil jij regelmatig tips ontvangen in je e-mail
over het verbeteren van je website en je content marketing?

Wij schrijven elke week tips en tricks waar jij zelf mee aan de slag kan.

Over Kelly, de schrijfster van deze blog:

 

Kelly Eekhof (1985) woont in Wervershoof en is getrouwd met Patrick. Zij studeerde af aan het Media College in Amsterdam als grafisch vormgever. Door de specialisatie typografie en kleurpsychologie ontwikkelde zij een scherp oog voor het gebruik en plaatsing van tekst en beeld.

Kelly is zowel offline als online sterk in vormgeven.

kelly_rond

Advies nodig?

Neem contact op met Kelly.

E: kelly@sterkinmedia.nl
T: 06-509 69 173

Laat een reactie achter





Scroll To Top