HTML und CSS · Middle · Frage 20 von 75
Was macht font-display: swap in @font-face?
- 1Verhindert das Laden der Schrift bei langsamer Verbindung und im Datensparmodus
- 2Versteckt den Text, bis der Webfont geladen ist, um Flackern zu vermeiden
- 3Zeigt Text sofort in einer Ersatzschrift und tauscht nach dem Laden den Webfont ein
Antwort zeigen
Richtige Antwort: Zeigt Text sofort in einer Ersatzschrift und tauscht nach dem Laden den Webfont ein
Erklärung
swap beseitigt „unsichtbaren Text“ (FOIT): Nutzer sehen den Inhalt sofort in einer Ersatzschrift, dann wechselt die Schrift (FOUT). Das kann eine kleine Layout-Verschiebung verursachen, die man durch Anpassen der Metriken der Ersatzschrift (size-adjust) verringert. Der Wert optional erlaubt dem Browser, die Schrift bei langsamem Netz ganz wegzulassen.