Ersatzschrift und Textlayout testen
DIE SCHRIFTWERKSTATT
Stimmen Sie die Details auf Ihren Text ab
Sehen Sie, wie sich Text vor dem Laden eines Webfonts verändert. Vergleichen Sie Hauptschrift, Ersatzschrift und angepasste Ersatzschrift und exportieren Sie CSS, das Layoutverschiebungen reduzieren kann.
Beginnen Sie mit Ihren Schriftdateien
Verwenden Sie Schriftdateien, die Sie hochladen dürfen. TTF, OTF, WOFF und WOFF2 werden unterstützt.
Vorschau, Anpassung und Vergleich
Die Zeichenprüfung zeigt fehlende Codepunkte. Prüfen Sie auch immer den dargestellten Text.
Ausgangswerte für dieses Beispiel. Ersetzen Sie die Schriftpfade und testen Sie andere Texte und Zielbrowser. Die Metriküberschreibungen basieren auf den Standardmetriken der Hauptschrift.
So erhalten Sie hilfreiche Ergebnisse
Laden Sie die Hauptschrift hoch und wählen Sie eine lokale Ersatzschrift oder laden Sie eine weitere Datei hoch. Stellen Sie Text und Spaltenbreite ein. Passen Sie die Ersatzschrift an das Beispiel an, prüfen Sie Zeilenzahl und Blockhöhe und korrigieren Sie die Größe. Laden Sie das CSS herunter und ersetzen Sie die Platzhalterpfade durch Ihre Dateien.
Was Sie beachten sollten
Dies ist ein Textlayoutvergleich, kein gemessener CLS-Wert. Die Anpassung gilt für dieses Beispiel mit der Standardinstanz der Schrift. Andere Texte, Stile, Browser und Betriebssysteme können abweichen. Lokale Ersatzschriften müssen auf dem Gerät verfügbar sein; hochgeladene Ersatzschriften müssen ebenfalls geladen werden.
Vorschauen sind privat und verfallen nach 15 Minuten. Leeren Sie den Arbeitsbereich, um ihre frühere Löschung anzufordern. Webfont-Pakete sind vorübergehend verfügbar und verfallen automatisch.
Alle Schriftwerkzeuge entdecken