Waarde voor lettertypeweergave
Laatst bijgewerkt op
23 jun. 2023
- Adobe Fonts User Guide
- Introduction
- Font licensing
- Font licensing
- Manage your account
- Licensing for Creative Cloud for enterprise customers
- Adding font licenses to your account
- Removing fonts from the subscription library
- Adobe Fonts not available to Adobe IDs registered in China
- Why aren't these fonts included in my Creative Cloud subscription?
- Morisawa font removal September 2021
- Getting and using fonts
- Using Adobe Fonts in Creative Cloud apps
- Manage your fonts
- Resolve missing fonts in desktop applications
- Using fonts in InDesign
- Fonts and typography
- Using web fonts in HTML5 Canvas documents
- Using fonts in InCopy
- How to use fonts in Adobe Muse
- Using web fonts in Muse
- Packaging font files
- Troubleshooting guide: Adding fonts
- Added fonts aren't showing to font menu
- "Unable to add one or more fonts" or "A font with the same name is already installed"
- What happens when a font I'm using is updated by the foundry?
- Web design and development
- Add fonts to your website
- Troubleshooting guide: Adding fonts to a website
- Using web fonts in HTML email or newsletters
- Using web fonts with Accelerated Mobile Pages (AMP)
- CSS selectors
- Customize web font performance with font-display settings
- Embed codes
- Dynamic subsetting & web font serving
- Font events
- Why are my web fonts from use.typekit.net?
- Site can't connect to use.typekit.net
- Using web fonts with CodePen
- Browser and OS support
- Domains
- Using web fonts when developing locally
- Content security policy
- Printing web fonts
- Language support and OpenType features
- Font technology
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. Met deze optie kunnen bezoekers van je website kort tekst zonder opmaak (FOUT) zien. |
|
Fallback |
Gebruikt kort het gedrag block, waarna wordt overgeschakeld naar het gedrag swap en het alternatieve lettertype op de tekst wordt toegepast. Als de weblettertypen aan het einde van de swap-periode niet zijn geladen, wordt het alternatieve lettertype gebruikt. |
|
Optional |
Gebruikt kort het gedrag block, waarna het alternatieve lettertype op de tekst wordt toegepast. Deze waarde biedt de webbrowser de mogelijkheid om het weblettertype helemaal niet te downloaden, bijvoorbeeld als de bezoeker van de website een trage internetverbinding heeft. |
Voor technische details over lettertypeweergave en de ondersteunde waarden raadpleeg je de CSS Fonts Module Level 4-specificatie.
Opmerking:
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.
Project bewerken Project bewerken -
Selecteer een van de volgende waarden voor lettertypeweergave in de zijbalk. Standaard is de instelling voor lettertypeweergave van projecten met weblettertypen 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 vóór september 2020 zijn gemaakt, zijn bijgewerkt en gebruiken het standaardgedrag font-display: auto.
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 de website zelf niet te wijzigen.