TTF in WOFF2 umwandeln
Wer eine Schrift selbst hostet, beginnt hier: WOFF2 ist das Format, das jeder aktuelle Browser zuerst lädt, und die kleinste Verpackung für die TrueType-Daten, die Sie bereits haben. Diese Seite schreibt außerdem die CSS-Regel, mit der die Schrift geladen wird.
Schriftarten-Konverter
oder TTF, OTF, WOFF …-Dateien hierher ziehen ·
Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten
Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.
Das Entfernen nicht benötigter Schriftsysteme kann eine Webschrift von mehreren hundert KB auf unter 30 KB verkleinern. Behalten Sie alle Zeichen bei Schriften, die Sie auf einem Computer installieren.
Fügen Sie den Text oder die Zeichen ein, die die Schrift abdecken muss, z. B. ein Logowort oder eine Überschrift. Alles andere wird entfernt.
Hints schärfen kleinen Text auf Windows-Bildschirmen. Ihr Entfernen spart bei Webschriften oft 10–30 %; Auto-Hint fügt sie Schriften hinzu, die keine haben.
Leer lassen, um das Original zu behalten. Mit einem neuen Namen können Sie die umgewandelte Schrift neben dem Original ohne Konflikt installieren.
Z. B. Regular, Bold, Italic. Leer lassen, um den ursprünglichen Stilnamen zu behalten.
So verwenden Sie dieses Tool
- 1
TTF-Dateien hochladen
Fügen Sie alle Schnitte und Stile hinzu, die Sie verwenden möchten, bis zu 20 Dateien mit jeweils bis zu 95 MB. Variable TTFs funktionieren ebenfalls und behalten ihre Achsen.
- 2
CSS aktiviert lassen, wenn möglich ein Subset wählen
@font-face-CSS beifügen ist bereits angehakt. Stellen Sie unter Erweiterte Einstellungen bei Zeichen behalten „Basic Latin“ oder „Latin + Akzente“ ein, wenn Ihre Website in einer westlichen Sprache verfasst ist, und setzen Sie Hinting am besten auf „Entfernen“.
- 3
In WOFF2 konvertieren
Klicken Sie auf In WOFF2 umwandeln und laden Sie die Schriften zusammen mit der .css-Datei herunter. Laden Sie beides auf Ihre Website hoch und binden Sie das Stylesheet ein oder fügen Sie die Regel in Ihr eigenes ein.
Wie wandle ich TTF in WOFF2 für meine Website um?
Laden Sie die .ttf-Datei hoch, lassen Sie @font-face-CSS beifügen angehakt und klicken Sie auf In WOFF2 umwandeln. Sie erhalten die .woff2-Datei und eine .css-Datei mit einer @font-face-Regel, die darauf verweist.
Warum WOFF2 das Webfont-Format der Wahl ist
Eine TTF besteht aus unkomprimierten Tabellendaten: Umrisse, Metriken, Kerning, Namen. WOFF2, 2018 als W3C-Empfehlung veröffentlicht, behält genau diese Tabellen, schickt sie aber durch Brotli, den 2015 von Google veröffentlichten Kompressionsalgorithmus, nachdem die Glyphenumrisse zuvor so umgeordnet wurden, dass sie sich besser komprimieren lassen. Googles eigene Tests ergaben, dass WOFF2 im Schnitt etwa 30 % kleiner ist als das ältere WOFF-Format, und der Browser stellt nach dem Download die ursprünglichen Schriftdaten wieder her, sodass sich an den Buchstabenformen nichts ändert.
Schriften blockieren das Rendering, weshalb ihre Größe mehr zählt, als die Kilobyte vermuten lassen. Bis eine Webschrift geladen ist, blendet der Browser den Text aus oder zeigt eine Ersatzschrift, und ein später Wechsel kann das Layout verschieben. Kleinere Dateien verkürzen diese Zeit, und zwei Optionen hier verkürzen sie weiter: Zeichen behalten entfernt Glyphen, die Ihre Seiten nie anzeigen, und Hinting auf „Entfernen“ streicht Anweisungen, die Smartphones und hochauflösende Displays ohnehin ignorieren. Behalten Sie die TTF-Originale für den Desktop; WOFF2 in TTF kann eine Webschrift später wieder entpacken, stellt aber keine Glyphen wieder her, die ein Subset entfernt hat.
Dateigröße: TTF im Vergleich zu WOFF2
TTF, voller Zeichensatz
100%
Unkomprimierte Schrifttabellen, wie auf einem Desktop installiert
WOFF2, Basic-Latin-Subset
oft 10–25 %
Brotli-Komprimierung plus weniger Glyphen; je nach Schrift unterschiedlich
Die @font-face-Regel für eine WOFF2-Schrift
@font-face {
font-family: "Brand Sans";
src: url("/fonts/brand-sans-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF;
}WOFF2-Browserunterstützung nach Version
2014
Chrome 36
Googles Browser dekodiert als erster WOFF2 standardmäßig.
2015
Firefox 39
Mozilla aktiviert die WOFF2-Dekodierung standardmäßig.
2016
Edge 14
Microsofts ursprünglicher Edge unterstützt WOFF2 mit dem Windows 10 Anniversary Update.
2018
W3C-Empfehlung
Die Spezifikation ist final; zu diesem Zeitpunkt dekodiert auch Safari unter macOS und iOS WOFF2.
TTF
TrueType-Schrift
TTF ist das TrueType-Schriftformat, das Apple Ende der 1980er-Jahre entwickelte und 1991 veröffentlichte und das dann an Microsoft lizenziert wurde. Es beschreibt Glyphenumrisse mit quadratischen Kurven und enthält Hinting-Anweisungen, die Text auf Bildschirmen scharf darstellen. TrueType wird von jedem Desktop-Betriebssystem, jeder Textverarbeitung und jeder Design-App unterstützt. Es bietet einige erweiterte typografische Funktionen von OpenType nicht und ist größer als Webfont-Formate.
- Komprimierung
- Verlustfrei
- Transparenz
- –
- Animation
- –
- Eingeführt
- 1991 · Apple
WOFF2
Web Open Font Format 2
WOFF2 ist die zweite Version des Web Open Font Format, basiert auf der Brotli-Kompression von Google und wurde 2018 als W3C-Empfehlung veröffentlicht. Die Dateien sind etwa 30 % kleiner als WOFF, wodurch Seiten schneller laden. Jeder moderne Browser unterstützt WOFF2, und es ist das empfohlene Format für Webfonts. Desktop-Betriebssysteme und Design-Apps können es nicht direkt installieren.
- Komprimierung
- Verlustfrei
- Transparenz
- –
- Animation
- –
- Eingeführt
- 2018 · W3C (Google)
TTF in WOFF2 verpackt eine Desktop-Schrift in den Brotli-komprimierten Container, den Browser bevorzugen, sodass dieselben Glyphen mit weniger Bytes bei den Besuchern ankommen; die Gegenseite gibt es für alle, die eine im Web gefundene Schrift installieren möchten.
FAQ: TTF in WOFF2 umwandeln
Brauche ich neben WOFF2 noch einen TTF- oder WOFF-Fallback?
Für öffentliche Websites heute meist nicht. Chrome, Edge, Firefox und Safari lesen WOFF2 seit Jahren, und die wenigen Browser, die es nicht tun, etwa Internet Explorer 11, sind selten eine zusätzliche Datei wert. Ergänzen Sie die Ausgabe von TTF in WOFF nur dann als zweiten src-Eintrag, wenn Ihre Analysen solche Besucher zeigen.
Warum ist meine WOFF2-Schrift immer noch über 100 KB groß?
Die Komprimierung verkleinert nur, wie die Glyphen gespeichert werden, nicht ihre Anzahl. Eine Schrift mit Latein, Kyrillisch, Griechisch und Vietnamesisch liefert alle diese Zeichen mit. Erst das Reduzieren auf die tatsächlich angezeigten Schriftsysteme (Subsetting) bringt eine Textschrift auf einige zehn Kilobyte.
Was bewirkt font-display: swap?
Sie weist den Browser an, Text sofort in einer Ersatzschrift anzuzeigen und Ihre Webschrift einzutauschen, sobald sie geladen ist, statt den Text während des Downloads auszublenden. Fügen Sie sie wie im Beispiel oben Ihrer @font-face-Regel hinzu, oder nutzen Sie optional, wenn Sie bei langsamen Verbindungen lieber auf einen späten Wechsel verzichten.
Kann ich eine TTF von Google Fonts in WOFF2 umwandeln und selbst hosten?
Ja. Schriftfamilien von Google Fonts stehen unter der SIL Open Font License oder der Apache License, die beide Umwandlung und Self-Hosting erlauben. Wenn Sie die Datei selbst hosten, entfällt zudem eine Anfrage an einen Drittserver.
Funktioniert WOFF2 in E-Mail-Newslettern?
Nur in manchen Programmen. Apple Mail und iOS Mail laden Webschriften über @font-face, während Gmail und die meisten Outlook-Versionen sie ignorieren und Ihre Ersatzschrift anzeigen. Geben Sie im Font-Stack einer E-Mail immer eine sichere Systemschrift an.