Schriftarten-Konverter — TTF, OTF, WOFF, WOFF2 online
Konvertieren Sie Schriftarten zwischen TTF, OTF, WOFF, WOFF2, EOT und SVG direkt im Browser. Stapelkonvertierung, Größenvergleich und eine fertige @font-face-CSS-Regel zum Einfügen — ohne Upload.
🔒 Läuft vollständig in Ihrem Browser — nichts wird hochgeladenSchriftarten für das Web im Browser konvertieren
Dieser Schriftarten-Konverter wandelt Desktop- und Legacy-Schriftdateien in die Formate um, die Browser und Designprogramme erwarten. Ziehen Sie eine TTF- oder OTF-Schrift in das Feld, um komprimierte WOFF2- und WOFF-Dateien für Ihre Website zu erzeugen, entpacken Sie eine WOFF2-Datei wieder in eine installierbare TTF-Datei oder bauen Sie alte EOT- und SVG-Schriften aus uralten Webprojekten neu auf. Sie können viele Dateien auf einmal hinzufügen: Jede Schrift wird nacheinander verarbeitet, und bei jeder Ausgabedatei sehen Sie ihre Größe und wie viel kleiner oder größer sie im Vergleich zum Original ist. Alles läuft lokal mit JavaScript und WebAssembly — derselbe WOFF2-Encoder von Google, den auch Schriftgießereien verwenden, wird in die Seite geladen, sodass nichts hochgeladen wird.
Wo immer möglich, arbeitet der Konverter verlustfrei. Beim Verpacken einer Schrift als WOFF oder WOFF2 bleiben die ursprünglichen TrueType- oder CFF-Konturen, das Hinting und die OpenType-Features exakt so erhalten, wie sie waren; nur die Komprimierung ändert sich. Bei der Konvertierung CFF-basierter OTF-Schriften in TTF, EOT oder SVG werden die Konturen als quadratische Kurven neu aufgebaut. Das ist optisch gleichwertig, das PostScript-Hinting geht dabei jedoch verloren.
Schriftformate erklärt
TTF (TrueType) und OTF (OpenType mit CFF-Konturen) sind die Desktop-Formate, die Sie auf Ihrem Computer installieren. WOFF verpackt dieselben Daten mit zlib-Komprimierung, und WOFF2 nutzt Brotli sowie schriftspezifische Transformationen und spart dadurch in der Regel weitere 30 %. WOFF2 wird von jedem modernen Browser unterstützt, daher genügt für die meisten Websites eine einzige WOFF2-Datei. EOT wurde nur vom Internet Explorer verwendet und SVG-Schriften nur von alten Safari-Versionen unter iOS; erzeugen Sie diese Formate nur, wenn Sie Legacy-Seiten pflegen.
Die erzeugte @font-face-Regel verwenden
Nach der Konvertierung schreibt das Tool für jede Schrift eine @font-face-Regel mit Familienname, Schriftstärke und Schriftschnitt, die direkt aus der Schrift selbst ausgelesen werden. Die Quellen sind nach Qualität sortiert, das beste Format zuerst, sodass Browser WOFF2 herunterladen, wann immer sie können. Legen Sie den Ordner fest, in den Sie die Dateien hochladen werden, und wählen Sie eine font-display-Strategie — swap zeigt sofort Ausweichtext an und wechselt, sobald die Webschrift geladen ist. Vergewissern Sie sich vor der Veröffentlichung, dass die Lizenz der Schrift die Einbettung im Web und die Formatkonvertierung erlaubt.
So verwenden Sie
- Schriften hinzufügenZiehen Sie eine oder mehrere TTF-, OTF-, WOFF-, WOFF2-, EOT- oder SVG-Schriftdateien in das Feld oder klicken Sie darauf, um Dateien auszuwählen.
- Ausgabeformate wählenHaken Sie jedes benötigte Format an — WOFF2 und WOFF sind standardmäßig ausgewählt, weil sie für Websites die beste Wahl sind.
- KonvertierenKlicken Sie auf „Convert“. Jede Schrift wird lokal dekodiert und neu kodiert, und die Größenänderung jeder Ausgabedatei wird angezeigt.
- Herunterladen und CSS einfügenLaden Sie die Dateien einzeln oder alle auf einmal herunter und kopieren Sie anschließend die erzeugte @font-face-Regel in Ihr Stylesheet.