@font-face-Generator
Schreibt die @font-face-Regel für eine Schriftdatei – Familie, Gewicht, Stil und unicode-range aus der Schrift gelesen.
Läuft in deinem Browser – die Datei wird nicht hochgeladen
Häufige Fragen
Wird meine Datei hochgeladen?
Nein. Die Umwandlung läuft vollständig in deinem Browser. Die Datei verlässt dein Gerät nicht – es gibt keinen Server, der sie sehen könnte. Sobald die Seite geladen ist, funktioniert das Werkzeug sogar offline.
Woher kommen Familie, Gewicht und Stil?
Aus der Schrift selbst: der Familienname aus ihrer Namenstabelle (die typografische Familie, falls vorhanden), das Gewicht aus der OS/2-Gewichtsklasse (400 = normal, 700 = fett), der Stil aus den Kursiv- und Oblique-Markierungen, die Breite aus der Breitenklasse. Die src-Zeile verwendet deinen Dateinamen und das passende format()-Schlüsselwort – woff2, woff, truetype oder opentype.
Soll ich die Schrift als Base64 einbetten?
Meist nicht. Eine Data-URL spart einen Request, macht das CSS aber ein Drittel grösser als die Schrift, blockiert das Rendern, bis das ganze Stylesheet da ist, und lässt sich nicht separat zwischenspeichern. Einbetten lohnt sich für eine Ein-Datei-Demo oder eine E-Mail-Vorlage, nicht für eine normale Website.
Wozu dient unicode-range?
Es listet genau die Zeichen auf, die die Schrift enthält. Browser laden die Schrift dann nur, wenn die Seite tatsächlich eines davon verwendet – mit einem Subset pro Schriftsystem lieferst du nur den Teil aus, den eine Seite braucht. Der Wert wird aus der Zeichentabelle der Schrift gelesen und stimmt deshalb immer für diese Datei.
Verwandte Werkzeuge
TTF in WOFF2 umwandeln
Verpackt TTF-Schriften als WOFF2 fürs Web – direkt im Browser, nichts wird hochgeladen.
● Im Browser
OTF in WOFF2 umwandeln
Verpackt OTF-Schriften als WOFF2 fürs Web – direkt im Browser, nichts wird hochgeladen.
● Im Browser
WOFF in WOFF2 umwandeln
Verpackt WOFF-Schriften als WOFF2 fürs Web – direkt im Browser, nichts wird hochgeladen.
● Im Browser
WOFF2 in TTF umwandeln
Entpackt WOFF2-Webschriften in eine installierbare TTF-Datei (oder OTF, je nach Konturen) – im Browser.
● Im Browser
TTF in WOFF umwandeln
Verpackt TTF-Schriften als WOFF fürs Web – direkt im Browser, nichts wird hochgeladen.
● Im Browser
OTF in WOFF umwandeln
Verpackt OTF-Schriften als WOFF fürs Web – direkt im Browser, nichts wird hochgeladen.
● Im Browser
WOFF in TTF umwandeln
Entpackt WOFF-Webschriften in eine installierbare TTF-Datei (oder OTF, je nach Konturen) – im Browser.
● Im Browser
WOFF2 in WOFF umwandeln
Verpackt WOFF2-Schriften als WOFF fürs Web – direkt im Browser, nichts wird hochgeladen.
● Im Browser