Waarde voor lettertypeweergave
Laatst bijgewerkt op
11 jul. 2023
Lees hoe je instellingen voor lettertypeweergave kunt gebruiken om de prestaties van weblettertypen aan te passen.
Via de instelling voor lettertypeweergave (font-display) kun je opgeven hoe weblettertypen in de webbrowser worden geladen en op je website worden toegepast. Er zijn vijf opties voor de weergave van lettertypen:
|
|
Gedrag |
|---|---|
|
Auto |
Zorgt ervoor dat de browser de standaardmethode gebruikt om het lettertype te laden. |
|
Block |
Verbergt de tekst op je website totdat het weblettertype is gedownload. Met deze optie kunnen bezoekers van je website kort onzichtbare tekst (FOIT) zien. |
|
Swap |
Toont het alternatieve lettertype dat je in de CSS hebt ingesteld totdat het weblettertype is gedownload. Bezoekers van je website kunnen een Flash of unstyled text of FOUT zien met deze optie. |
|
Fallback |
Gebruikt kort het gedrag block, waarna wordt overgeschakeld naar het gedrag swap en het alternatieve lettertype op de tekst wordt toegepast.Als de web fonts aan het einde van de swap-periode niet zijn geladen, blijft het alternatieve lettertype in gebruik. |
|
Optional |
Gebruikt kort het gedrag block, waarna het alternatieve lettertype op de tekst wordt toegepast. Deze waarde geeft de webbrowser de optie om het weblettertype helemaal niet te downloaden, bijvoorbeeld als de websitebezoeker een langzame internetverbinding heeft. |
Voor technische details over lettertypeweergave en de ondersteunde waarden raadpleeg je de CSS Fonts Module Level 4-specificatie.
Notitie
Standaard worden projecten met weblettertypen zo gemaakt dat lettertypeweergave (font-display) is ingesteld op auto.
Volg de onderstaande stappen als je de instelling voor lettertypeweergave wilt aanpassen:
Klik op de pagina met webprojecten op Project bewerken.
Selecteer een van de volgende waarden voor lettertypeweergave in de zijbalk. Standaard is de font-display-instelling van weblettertype-projecten ingesteld op auto.
Klik op Wijzigingen opslaan waarna de waarde voor lettertypeweergave binnen enkele minuten op je website wordt toegepast.
De nieuwe instelling voor lettertypeweergave wordt automatisch in je website opgenomen als onderdeel van de bestaande insluitcode.
Bestaande webprojecten bijwerken
In september 2020 is ondersteuning voor lettertypeweergave (font-display) toegevoegd aan de Adobe-functie voor het laden van weblettertypen. Webprojecten die voor september 2020 zijn gemaakt, zijn bijgewerkt om het standaard font-display: auto gedrag te gebruiken.
Je kunt de instelling voor lettertypeweergave voor een bestaand project wijzigen door de bovenstaande stappen te volgen. Nadat je de wijzigingen hebt opgeslagen, wordt de nieuwe instelling voor lettertypeweergave automatisch in je website opgenomen als onderdeel van de bestaande insluitcode. Je hoeft geen wijzigingen aan te brengen in de website zelf.
Adobe Fonts verkennen
Vind het perfecte lettertype voor elk web- of drukwerkproject.
