Terug naar Ondersteuning Je site ontwerpen De lettertypes op je site wijzigen

De lettertypes op je site wijzigen

De stijl van de tekst op je website is het lettertype. In deze handleiding zie je hoe je de lettertypen voor op je site kan kiezen.

Lettertypen en in aanmerking komende abonnementen

Voor sites met onze Premium-, Business- en Commerce-abonnementen kan je kiezen uit een groot aantal lettertypen, maar eigen aangepaste lettertypen kunnen niet geüpload worden.

Upgrade naar het Business- of Commerce-abonnement om aangepaste lettertypen te uploaden en lettertypen van Google Fonts te installeren.

Je lettertypen wijzigen

Je kan de lettertypen op je site instellen door de stappen hieronder te volgen.

Om te bepalen welk gedeelte van deze handleiding je moet volgen, ga je naar je dashboard en kijk je aan de linkerkant onder Weergave. Als je hier Editor ziet, gebruik je het gedeelte Site-editor in deze handleiding. Anders ga je naar de instructies voor de pagina-editor of het Aanpassingsmenu.

Als je site een thema gebruikt dat de site-editor ondersteunt, kan je de lettertypen van je site via Stijlen wijzigen. Volg deze stappen om de lettertypen van je site aan te passen:

  1. Ga naar je WordPress.com-dashboard.
  2. Ga naar Weergave → Editor.
  3. Klik op Stijlen aan de linkerkant of selecteer het pictogram Stijlen dat eruitziet als een zwart-witte cirkel.
  4. Selecteer de optie ‘Typografie ‘.
  5. Kies uit de volgende tekstelementen op je site:
    • Tekst
    • Links
    • Koppen
    • Bijschriften
    • Knoppen
  6. Klik op het vervolgkeuzemenu onder ‘Lettertype‘ en kies het gewenste lettertype. De tekst wordt bijgewerkt naar het door jou gekozen lettertype, zodat je kan zien hoe het eruitziet.
  7. Klik op de knop ‘Opslaan‘.

Deze stappen worden getoond in de video hieronder:

Een pijl wijst naar de knop Stijlen in de site-editor. Het pictogram is een zwart-witte cirkel.
Het pictogram Stijlen
Lettertypen wijzigen in de Site-editor

Bekijk onze Stijlgids voor meer gedetailleerde informatie over alles wat je kan doen om de weergave van tekst op je website aan te passen.

Een lettertype toepassen op specifieke tekst

Bij het kiezen van lettertypes krijg je opties te zien om de lettertypes voor je gehele site in te stellen in plaats van voor individuele pagina’s of een specifieke regel tekst. Dit is een vuistregel wat betreft design – websites zien er het beste uit wanneer het lettertype van de gehele site consistent is. Als een site verschillende lettertypes heeft, kan dat er rommelig uitzien.

Als je wilt dat een stuk tekst opvalt, kan je overwegen verschillende kleuren toe te voegen, een kop te gebruiken of een citaatblok of afbeelding toe te voegen.

Aangepaste lettertypen uploaden

Dit gedeelte is van toepassing op sites die ons WordPress.com Business- of Commerce-abonnement en het verouderde Pro-abonnement gebruiken. Als je een Business-abonnement hebt, moet je deze activeren. Voor sites met een Free-, Personal- en Premium-abonnement moet je je abonnement upgraden om toegang te krijgen tot deze functie.

Je vindt hier een grote selectie aan lettertypen voor je website. Als je uit meer lettertypen wilt kiezen, kan je aangepaste lettertypen rechtstreeks via de site-editor installeren of uploaden.

In onze handleiding lees je hoe je aangepaste lettertypen kan installeren, uploaden en beheren.

Flash van niet-vormgegeven tekst

Flash van vormgegeven tekst (FOUT, Flash of Unstyled Text) houdt in dat er kort een ander lettertype wordt weergegeven voordat je gekozen lettertype wordt weergegeven. Bij een langzamere verbinding wordt de tekst eerst in het standaard lettertype weergegeven. Op deze manier kunnen mensen beginnen met het lezen van je inhoud voordat je gekozen lettertype is geladen, in plaats van dat ze daarop moeten wachten terwijl ze naar een lege pagina kijken. Dit kan betekenen dat je voordat de pagina klaar is met laden kort een ander lettertype ziet, maar dit is uiteindelijk beter voor de kijkers met een langzamere verbinding dan het zien van een lege pagina.

Als je niet wilt dat dit gebeurt, kan je deze CSS-code toevoegen aan je site met behulp van de CSS-editor in Weergave → Aanpassingsmenu → Aanvullende CSS:

.wf-loading body { visibility: hidden; }

of

html:not(.wf-active) body { display: none; }

Google Fonts en GDPR

Alle aanvragen om Google Fonts te verstrekken die in WordPress.com-thema’s worden gebruikt, worden gehost via de servers van WordPress.com en maken niet langer gebruik van CDN/FDN van Google. Deze wijziging is in december 2022 ingevoerd.

Als je site gebruik maakt van een aangepaste plugin of een thema van derden, raden we je aan om bij de plugin en/of de ontwikkelaars van het thema te controleren of ze geen Google Fonts via CDN/FDN van Google verstrekken. Hier vind je meer informatie over GDPR.

Copied to clipboard!