Een lettertype kiezen voor je website

In dit bericht ga ik niet in op de inhoud van je content, maar op het design van je content en dan met name op de keus voor een lettertype. Hoe zorg je ervoor dat je content van je webshop prettig te lezen is zodat mensen niet afhaken door slecht leesbare tekst? Naast handige tips op dit gebied heb ik ook onderzocht welke lettertypes momenteel worden gebruikt bij webshops en heb ik enkele populaire Google Fonts voor je op een rijtje gezet.

Gebruik een eenvoudig lettertype

Als je WordPress gebruikt, zul je via de meeste thema’s eenvoudig het lettertype kunnen aanpassen. Het veranderen van je lettertype kan een grote verandering betekenen. Het beste kun je een lettertype kiezen dat vrij strak en basic is. Dit leest nou eenmaal veel fijner zeker op een scherm en helemaal als het een klein scherm is van een mobiel. Bovendien is het slim om niet te vaak te veranderen van lettertype om je uitstraling te behouden.

Kun jij in jouw WordPress thema geen Google fonts installeren? Dan kun je de plug-in WP Google Fonts installeren. Via deze plug-in heb je ook allerlei mogelijkheden om het lettertype aan te passen. Wil je geen Google fonts plug-in gebruiken, dan is Arial altijd een goede keus en voor elke website te installeren.

Kies een contrasterende kleur voor je lettertype

Zorg dat je lettertype goed contrasteert met de achtergrondkleur van je site. Heb je dus een lichte achtergrondkleur, kies dan een donker lettertype en heb je een donkere achtergrond, ga dan voor een witte kleur. De meest klassieke keus is wel een zwart of donkergrijs lettertype met witte achtergrond. Eventueel kun je er ook voor kiezen om je paginatitels of headings een ander lettertype of kleur te geven.

Gebruik een groot lettertype

Het lettertype is van groot belang bij de leesbaarheid van je website. Tegenwoordig zie je steeds vaker dat er voor de content een groter lettertype wordt gebruikt met een grote regelafstand. Dit maakt de tekst overzichtelijker en beter te scannen. Het is natuurlijk afhankelijk van je eigen voorkeur hoe groot het lettertype op jouw website wordt vertoond. 16px is in elk geval al helemaal niet vreemd meer tegenwoordig.

Een testje: welk lettertype is populair bij webshops?

Natuurlijk ben ik benieuwd naar de lettertypes die webshops gebruiken en dus ben ik daarvoor op onderzoek uitgegaan. Ik heb gekeken naar het lettertype van de normale tekst op de site, dus niet van headings, buttons of andere elementen.

  • Coolblue: Open Sans, 1.3 rem
  • bol.com: Open Sans, 0.875em
  • Mediamarkt: MMText, 15px
  • Albert Heijn: HamburgTS, 16px
  • Wehkamp: GibsonLight, 16px
  • Zalando: HelveticaNeue, 13px
  • H&M: HM Ampersand, 18px
  • Hema: FuturaHemaProOT, 13px

Zoals uit bovenstaand lijstje wel te zien is, is er geen lettertype dat alom het meest wordt gebruikt. Diverse webshops hebben eigen fonts, maar ook Open Sans wordt veel gebruikt. Ook over de grootte is geen eenduidige conclusie te trekken op basis van de bekeken webshops. Natuurlijk zou ik voor een goed onderzoek veel meer websites moeten bekijken en is dit slechts een beperkt beeld.

Wat zijn populaire Google Fonts?

In willekeurige volgorde vind je hier een aantal Google Fonts die in 2018 veel gebruikt worden in webdesign. Door op de links te klikken ga je naar een preview van het lettertype en waarschijnlijk zullen enkele lettertypes je wel bekend voorkomen. Wil jij een nieuw lettertype kiezen? Dan zijn deze stuk voor stuk goede keuzes.

Natuurlijk ben ik benieuwd naar jouw tips op het gebied van lettertypes. Gebruik je Google Fonts of niet? Laat je opmerkingen gerust achter in de comments.

×
×

Winkelmand