Connor Clark
Gepubliceerd: 8 okt. 2025
Overweeg om font-display in te stellen op swap of optional om ervoor te zorgen dat tekst consistent zichtbaar is. swap kan verder worden geoptimaliseerd om lay-outverschuivingen bij het overschrijven van lettertypemetriek te beperken.
Hoe dit inzicht over te brengen
Stel font-display in op swap of optional om dit inzicht door te geven.
Stapelspecifieke begeleiding
Dit inzicht biedt ook stackspecifieke richtlijnen voor pagina's die de volgende technologieën gebruiken:
Drupal
Geef @font-display op wanneer u aangepaste lettertypen in uw thema definieert.
Magento
Geef @font-display op wanneer u aangepaste lettertypen definieert .
Aanvullende referenties
- Insight-broncode
- Het regelen van de lettertypeprestaties met lettertypeweergaven
- Verbeterde lettertype-fallbacks
- Vermijd onzichtbare tekst tijdens het laden
- Webfonts vooraf laden om de laadsnelheid te verbeteren (codelab)
- Voorkom verschuivingen in de lay-out en flitsen van onzichtbare tekst (FOIT) door optionele lettertypen vooraf te laden