Lettertypes toevoegen

⏰ 9 min.

Lettertype aanpassen in Kadence

  • Ga naar Kleuren & lettertypen, klik op Typografie.
  • Selecteer een lettertype voor Basislettertype (de standaard tekst op je website).
  • Kies een lettertype uit de Google Fonts bibliotheek.
  • Pas de lettergrootte, gewicht en stijl aan naar jouw voorkeur.
  • Klik op Publiceren om je wijzigingen op te slaan.

Wat is REM en waarom wordt dit gebruikt?

Pixel-waarden (px) zijn absoluut. Als je iets instelt op 16px, blijft het 16px, ongeacht de context.

REM-waarden zijn relatief en passen zich aan op basis van de basiswaarde. Als je de basislettergrootte (standaard 16px) aanpast, veranderen automatisch alle elementen die REM gebruiken. Dit maakt je website flexibeler.

  • Toegankelijk: gebruikers die grotere tekst of zoom inschakelen omwille van zichtproblemen, krijgen een betere ervaring.
  • Schaalbaar: je kunt eenvoudig een mobielvriendelijke of grotere versie van je site maken door alleen de basislettergrootte te veranderen.

Hieronder vind je een tabel waarmee je de REM-lettergroottes omrekent. Kadence geeft je de mogelijkheid om in de WordPress editor te werken met small, medium, large,… Ik neem doorgaans deze waarden over in de Customizer voor mijn (kop)teksten. Zo is je design consistent doorheen je hele website.

Kadence lettertype groottes

Kadence

Pixel waarde

Desktop

Tablet

Mobiel

3XL

80 px

5 rem

3.5 rem

2.75 rem

2XL

64 px

4 rem

3 rem

2.5 rem

XL

48 px

3 rem

2.6 rem

2.25 rem

LG

32 px

2 rem

1.9 rem

1.75 rem

MD

20 px

1.25 rem

1.15 rem

1.1 rem

SM

14 px

0.875 rem

0.875 rem

0.875 rem
Volgende les: Knopstijl instellen