svg2all

@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

Werkzeug wird geladen …

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.