Wert von „font-display“
Zuletzt aktualisiert am
23. Juni 2023
- Adobe Fonts-Benutzerhandbuch
- Einführung
- Schriftenlizenzierung
- Schriftenlizenzierung
- Verwalten Ihres Kontos
- Lizenzierung für Kunden von Creative Cloud für Unternehmen
- Hinzufügen von Schriftenlizenzen zu Ihrem Konto
- Entfernen von Schriften aus der Abonnementbibliothek
- Adobe Fonts ist für in China registrierte Adobe IDs nicht verfügbar
- Warum sind diese Schriften nicht in meinem Creative Cloud-Abonnement enthalten?
- Entfernen von Morisawa-Schriften ab September 2021
- Abrufen und Verwenden von Schriften
- Verwenden von Adobe Fonts in Creative Cloud-Anwendungen
- Verwalten Ihrer Schriften
- Fehlende Schriften in Desktop-Anwendungen auflösen
- Verwenden von Schriften in InDesign
- Schriften und Typografie
- Verwenden von Webschriften in HTML5 Canvas-Dokumenten
- Verwenden von Schriften in InCopy
- Verwenden von Webschriften in Muse
- Verpacken von Schriftendateien
- Leitfaden zur Fehlerbehebung: Hinzufügen von Schriften
- Hinzugefügte Schriften werden im Schriftmenü nicht angezeigt
- „Eine oder mehrere Schriften können nicht hinzugefügt werden“ oder „Eine Schrift mit diesem Namen ist bereits installiert“
- Was geschieht, wenn eine von mir verwendete Schrift vom Schriftenhersteller aktualisiert wird?
- Web-Design und Entwicklung
- Hinzufügen von Schriften zu einer Website
- Fehlerbehebungshandbuch: Hinzufügen von Schriften zu einer Website
- Fehlerbehebung bei Schriftproblemen
- Verwenden von Webschriften in HTML-E-Mails oder -Newslettern
- Verwenden von Webschriften mit Accelerated Mobile Pages (AMP)
- CSS-Selektoren
- Anpassen der Verarbeitung von Webschriften mit Einstellungen für „font-display“
- Einbettungscodes
- Dynamisches teilweises Laden und Bereitstellen von Webschriften
- Schriftereignisse
- Warum stammen meine Webschriften von use.typekit.net?
- Website kann keine Verbindung mit use.typekit.net herstellen
- Verwenden von Webschriften mit CodePen
- Browser- und Betriebssystemunterstützung
- Domänen
- Verwenden von Webschriften bei lokaler Entwicklung
- Content-Sicherheitsrichtlinie
- Drucken von Webschriften
- Sprachunterstützung und OpenType-Merkmale
- Schrifttechnologie
Hier erfahren Sie, wie Sie mit Einstellungen für „font-display“ die Verarbeitung von Web-Schriften ändern.
Mit der Einstellung „font-display“ können Sie festlegen, wie Web-Schriften im Webbrowser geladen und auf Ihre Website angewendet werden. Es gibt fünf Optionen für „font-display“:
|
|
Verhalten |
|---|---|
|
Auto |
Erlaubt dem Browser, zum Laden der Schrift seine Standardmethode zu verwenden. |
|
Block |
Blendet den Text auf Ihrer Website aus, bis die Web-Schrift heruntergeladen wurde. Besucher Ihrer Website sehen bei dieser Option möglicherweise ein Flackern von unsichtbarem Text (Flash of Invisible Text, FOIT). |
|
Swap |
Zeigt die Ausweichschrift an, die Sie im CSS festgelegt haben, bis die Web-Schrift heruntergeladen wurde. Besucher Ihrer Website sehen bei dieser Option möglicherweise ein Flackern von nicht formatiertem Text (Flash of Unstyled Text, FOUT). |
|
Fallback |
Verwendet für einen kurzen Zeitraum das Verhalten „Block“, wechselt dann zum Verhalten „Swap“ und wendet die Ausweichschrift auf den Text an. Wenn die Web-Schriften bis zum Ende des Swap-Zeitraums noch nicht geladen wurden, wird weiterhin die Ausweichschrift verwendet. |
|
Optional |
Verwendet das Verhalten „Block“ für einen kurzen Zeitraum und wendet dann die Ausweichschrift auf den Text an. Bei diesem Wert ist es möglich, dass der Webbrowser die Web-Schrift überhaupt nicht herunterlädt, z. B. wenn der Besucher der Website eine langsame Internetverbindung verwendet. |
Technische Details zu „font-display“ und zu den unterstützten Werten finden Sie in der CSS Fonts Module Level 4-Spezifikation.
Hinweis:
Standardmäßig werden Web-Schrift-Projekte mit der Einstellung auto für „font-display“ erstellt.
Um die Einstellung für „font-display“ anzupassen, führen Sie die folgenden Schritte aus:
-
Klicken Sie auf der Seite mit Ihren Web-Projekten auf Projekt bearbeiten.
Projekt bearbeiten Projekt bearbeiten -
Wählen Sie auf der Seitenleiste einen der folgenden Werte für „font-display“ aus. Die Standardeinstellung für „font-display“ bei Web-Schrift-Projekten ist auto.
-
Klicken Sie auf Änderungen speichern. Der Wert für „font-display“ wird innerhalb von wenigen Minuten auf Ihre Website angewendet.
Die neue Einstellung für „font-display“ wird automatisch als Teil des vorhandenen Einbettungscodes in Ihre Website eingefügt.
Vorhandene Web-Projekte aktualisieren
Seit September 2020 wird „font-display“ beim Laden von Adobe-Web-Schriften unterstützt. Web-Projekte, die vor September 2020 erstellt wurden, wurden aktualisiert und verwenden nun das Standardverhalten font-display: auto.
Die Einstellung für „font-display“ für vorhandene Projekte kann wie oben beschrieben geändert werden. Nachdem Sie die Änderungen gespeichert haben, wird die neue Einstellung für „font-display“ als Teil des vorhandenen Einbettungscodes in Ihre Website eingebunden. Sie müssen keine Änderungen an der Website selbst vornehmen.
