Deutsch ▾
Free, Fast & Secure Online Tools
WOFF steht für Web Open Font Format, und das Erste, was man verstehen muss: Es ist keine neue Art von Schrift. Es ist eine Hülle: eine vorhandene TrueType- oder OpenType-Schrift, komprimiert, mit etwas Metadaten versehen, verpackt, damit ein Browser sie schnell laden kann.
Die Buchstabenformen darin sind unverändert. Geändert hat sich, wie effizient sie reisen.
Der praktische Rat ist ungewöhnlich einfach: Liefern Sie nur WOFF2 aus. Die älteren Rückfallformate, die Leitfäden früher empfahlen — WOFF, TTF, EOT, SVG-Schriften — sind heute totes Gewicht, das jeder Browser ignoriert.
TTF und OTF funktionieren im Browser, bringen aber Desktop-Ballast mit, den das Web nicht braucht, und sind deutlich größer. Sie gehören auf Ihren Rechner, nicht in eine Seite.
Hier hören Webschriften auf, ein gelöstes Problem zu sein, und das gehört in Zahlen gesagt.
Eine lateinische Schrift deckt vielleicht 200 bis 400 Zeichen ab. Als WOFF2 sind das typischerweise 20 bis 50 KB. Vernachlässigbar.
Eine chinesische Schrift muss Tausende Zeichen abdecken. Eine Schrift für gängiges Kurz- oder Langzeichen-Chinesisch hat 6.000 bis 20.000 Glyphen, und als WOFF2 sind das typischerweise 3 bis 15 MB — für einen Schnitt. Japanisch und Koreanisch sind vergleichbar.
Das ist das Hundertfache, und es ist kein Kompressionsproblem, das jemand beheben könnte: Die Schrift enthält wirklich so viele verschiedene Zeichnungen. Sie als normale Webschrift auszuliefern heißt, dass Besucherinnen mehrere Megabyte laden, bevor Text richtig erscheint — auf einer Mobilverbindung inakzeptabel.
Es gibt drei echte Ansätze:
Subsetting. Eine Schriftdatei bauen, die nur die tatsächlich genutzten Zeichen enthält. Für eine feste Seite — eine Landingpage, ein Buchcover, ein Satz Überschriften — funktioniert das hervorragend und bringt 10 MB auf 30 KB. Bei wechselndem Inhalt scheitert es, weil ein fehlendes Zeichen auf eine andere Schrift zurückfällt und sichtbar falsch aussieht.
Unicode-range-Aufteilung. Die Schrift wird nach Zeichenbereichen in viele kleine Dateien geschnitten, und der Browser lädt nur die Stücke mit den auf der Seite vorhandenen Zeichen. So arbeiten große CJK-Schriftdienste, und es ist der einzige Ansatz für beliebige Inhalte. Es bleiben Dutzende Anfragen und einige hundert Kilobyte.
Systemschriften. Die Schriften nutzen, die auf dem Gerät schon da sind. Nichts wird geladen, Text erscheint sofort, und die Typografie ist, was das Gerät hat. Für chinesischen Fließtext ist das oft die ehrliche Wahl — die Leistungskosten einer eigenen CJK-Schrift sind real, der optische Gewinn auf einem Telefon gering.
Ein häufiger Kompromiss: eine subgesetzte eigene Schrift für Überschriften, wo der Zeichensatz klein und bekannt ist, und Systemschriften für den Fließtext.
Sie wählen mit font-display im Stylesheet. swap ergibt FOUT und ist die richtige Vorgabe für Fließtext — sofort lesbar schlägt irgendwann hübsch. optional geht weiter: Der Browser nutzt die eigene Schrift nur, wenn sie fast sofort eintrifft, und behält sonst für diesen Besuch die Ersatzschrift, was das Springen ganz beseitigt.
Das Springen selbst verringert man, indem man eine Ersatzschrift mit ähnlichen Proportionen wählt, sodass beim Tausch weniger Text umbricht.
Eine klassische Schriftfamilie liefert je Schnitt eine Datei. Sechs Dateien, sechs Downloads.
Eine variable Schrift legt den ganzen Bereich in eine Datei, mit der Strichstärke als stufenloser Achse. Sie ist größer als ein einzelner Schnitt, aber viel kleiner als alle zusammen — ab drei Schnitten gewinnt sie. Manche bieten zusätzlich Breite, Neigung oder optische Größe als Achsen.
Eine Desktop-Schriftlizenz erlaubt die Web-Einbettung normalerweise nicht. Die Schrift, die Sie gekauft haben oder die mit Ihrer Gestaltungssoftware kam, ist lizenziert, um auf Ihrem Rechner Dokumente zu erstellen — nicht, um an jede Besucherin einer Website ausgeliefert zu werden. Webnutzung ist eine eigene Lizenz, oft nach Seitenaufrufen bepreist.
Eine Desktop-TTF nach WOFF2 zu wandeln und hochzuladen ist technisch trivial und in den meisten Fällen ein Lizenzverstoß. Es gibt sehr viele quelloffene Schriftfamilien, die fast jeden Bedarf decken, darunter mehrere gute CJK-Familien; das ist die geradlinige Antwort.
Dieselbe Unterscheidung gilt fürs Einbetten von Schriften in ein veröffentlichtes EPUB, was ebenfalls Verbreitung statt Eigennutzung ist.
Schriftärger in einem PDF sieht ähnlich aus, hat aber eine andere Ursache. Ein PDF bettet seine Schriften ein und ist damit abgeschlossen; wenn sich die Schriften eines PDF ändern, waren sie nicht eingebettet und das Leseprogramm hat etwas ersetzt.
Eine Webschrift ist nie in der Seite eingebettet — sie ist eine eigene Datei, die über das Netz geholt wird, und sie kann aus Gründen ausbleiben, die ein PDF nie hat: eine blockierte Anfrage, eine langsame Verbindung, ein Stylesheet, das eine Datei nennt, die es nicht gibt.
font-display: swap zeigt sofort lesbaren Text statt leerer Fläche