Connor Clark
Veröffentlicht: 8. Oktober 2025
Du kannst font-display auf „swap“ oder „optional“ setzen, damit der Text immer sichtbar ist. swap kann weiter optimiert werden, um Layout Shifts durch Überschreibungen von Messwerten zur Schriftart zu reduzieren.
So geben Sie diese Information weiter
Legen Sie font-display auf swap oder optional fest, um diesen Insight zu übergeben.
Stack-spezifische Anleitung
Diese Insight-Meldung enthält auch stack-spezifische Anleitungen für Seiten, auf denen die folgenden Technologien verwendet werden:
Drupal
Gib „@font-display“ an, wenn du benutzerdefinierte Schriftarten für dein Design definierst.
Magento
Gib „@font-display“ an, wenn du benutzerdefinierte Schriftarten definierst.
Weitere Referenzen
- Quellcode für Insights
- Schriftartleistung mit Schriftartanzeigen steuern
- Verbesserte Schriftart-Fallbacks
- Unsichtbaren Text während des Ladens vermeiden
- Webschriftarten vorab laden, um die Ladegeschwindigkeit zu verbessern (Codelab)
- Layout Shifts und „Flash of Invisible Text“ (FOIT) durch Vorabladen optionaler Schriftarten verhindern