Wil jij een lettertype kiezen? 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.
In dit artikel lees je meer over
Meer tips over design van WooCommerce webshops
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 momenteel het meest voorkomend in teksten van webshops.
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. Wil jij een nieuw lettertype kiezen, kun je op deze websites eens rondkijken.
- Coolblue: Open Sans, 1.3 rem (lettertype is al vele jaren gelijk gebleven)
- bol.com:
- 2023: graphik 0.875rem;
- eerder Open Sans, 0.875em
- Mediamarkt:
- 2023: NotoSansDisplay 16px
- eerder: MMText, 15px
- Albert Heijn: HamburgTS, 16px (lettertype is al vele jaren gelijk gebleven)
- Wehkamp: GibsonLight, 16px (lettertype is al vele jaren gelijk gebleven)
- Zalando:
- 2023: HelveticaNow, 13px
- eerder: HelveticaNeue, 13px
- H&M:
- 2023: HM Sans Regular, 1rem
- eerder: HM Ampersand, 18px
- Hema:
- 2023: HurmeHEMA, 15px
- eerder: FuturaHemaProOT, 13px
- Google
- 2023: Google Sans Text, maar op sommige plekken ook Arial
- Thuisbezorgd
- 2023: JETSansDigital
Zoals uit bovenstaand lijstje wel te zien is, is er geen lettertype dat alom het meest wordt gebruikt. Diverse webshops hebben eigen fonts, maar waar OpenSans een aantal jaren geleden nog populair was, is dat nu minder geworden. 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 2023 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.
Stephanie van Nellestijn heeft op 1 augustus 2000 INNONET opgericht. Sindsdien heeft Stephanie zich gericht op het realiseren van websites en webwinkels voor het MKB. De afgelopen jaren heeft Stephanie zich tevens gespecialiseerd in het optimaliseren van websites voor zoekmachines. Dankzij de jarenlange ervaring van Stephanie kan zij bedrijven een mooi online visitekaartje geven dat goed vindbaar is.
Stephanie van Nellestijn heeft op 1 augustus 2000 INNONET opgericht. Sindsdien heeft Stephanie zich gericht op het realiseren van websites en webwinkels voor het MKB. De afgelopen jaren heeft Stephanie zich tevens gespecialiseerd in het optimaliseren van websites voor zoekmachines. Dankzij de jarenlange ervaring van Stephanie kan zij bedrijven een mooi online visitekaartje geven dat goed vindbaar is.