In het tabblad Lettertypes stel je in welke fonts je webshop gebruikt. Je kunt losse lettertypes kiezen voor verschillende onderdelen van je site, zoals de algemene tekst, de menu’s, paginatitels en knoppen. Voor sommige onderdelen kun je ook de grootte instellen. Er is keuze uit de theme standaard, een aantal klassieke systeemfonts (zoals Arial, Georgia en Verdana) en honderden Google Fonts.
Welke lettertypes kun je instellen?
- Standaard lettertype — het lettertype dat wordt gebruikt voor alle normale tekst op je webshop (productbeschrijvingen, pagina-inhoud, voetteksten, enzovoort). Dit is het belangrijkste font om leesbaar te kiezen.
- Menu lettertype — het lettertype van de navigatiemenu’s (bijvoorbeeld het hoofdmenu bovenin).
- Menu grootte — de tekstgrootte van het menu. Kies een formaat dat goed leesbaar is zonder te veel ruimte in te nemen.
- Paginatitel lettertype — het font voor de grote titel bovenaan elke pagina (bijvoorbeeld boven een categorie of informatiepagina).
- Paginatitel grootte — de grootte van de paginatitel.
- Titel lettertype — het font voor alle koppen en tussentitels in je content (H1, H2, H3, enzovoort).
- Prijs lettertype — het font dat gebruikt wordt voor het tonen van productprijzen. Vaak is een strak font met duidelijke cijfers het fijnst.
- Button lettertype — het font voor alle knoppen (zoals “In winkelwagen” of “Bestel nu”).
- Button grootte — de tekstgrootte in de knoppen.
Een lettertype kiezen
- Klik in de Designopties op het tabblad Lettertypes.
- Klik op het gewenste lettertype-veld (bijvoorbeeld Standaard lettertype).
- Kies uit de lijst:
- Theme standaard — gebruikt het font dat standaard bij het theme hoort.
- Een systeemfont zoals Arial, Tahoma, Verdana, Trebuchet MS, Georgia of Times New Roman. Deze zijn altijd beschikbaar.
- Een Google Font — de lijst bevat honderden moderne fonts die automatisch worden ingeladen.
- De wijziging is meteen zichtbaar in de preview.
Tip: combineer maximaal twee fonts
Voor een rustig en professioneel uiterlijk werkt het het beste om niet meer dan twee lettertypes op je hele site te combineren. Bijvoorbeeld: één duidelijk leesbaar font voor de normale tekst (zoals Open Sans of Roboto) en één krachtiger font voor de titels (zoals Montserrat of Playfair Display). Gebruik voor prijzen en knoppen gerust hetzelfde font als de normale tekst.
Google Fonts
Google Fonts is een grote verzameling gratis webfonts. Ze worden automatisch door TheShopBuilders ingeladen zodra je er één kiest. Je hoeft dus geen eigen font-bestanden te uploaden. Houd er wel rekening mee dat te veel verschillende Google Fonts je pagina’s iets zwaarder kunnen maken — beperk je dus tot een paar keuzes.
Leesbaarheid eerst
Kies voor je standaard lettertype altijd een goed leesbaar, rustig font. Decoratieve fonts (met krullen of een handgeschreven look) zijn prima voor één titel of een logo, maar niet voor lange teksten. Test je keuze altijd op desktop en mobiel door in de preview tussen de apparaten te schakelen.
