Schriftarten umwandeln

Auf dem Rechner und im Web gelten unterschiedliche Schriftformate: Windows und macOS installieren TrueType (TTF) und OpenType (OTF), Webseiten laden am besten WOFF2. Hier findest du alle Font-Konverter von wandlio, sortiert nach dem Zweck.

Direkt im Browser, ohne Upload, wandelst du TTF und OTF in WOFF2, TTF in WOFF und TTF in OTF um. Die Wege nach TTF übernimmt unser Server in Deutschland, weil dort CFF-Konturen bei Bedarf in TrueType-Konturen umgerechnet werden. Deine Schriftdatei wird dafür verschlüsselt (HTTPS) übertragen und direkt nach der Konvertierung gelöscht. Beides kostet nichts, eine Anmeldung brauchst du nicht.

Alle Font-Konverter

„Browser“ heißt: Die Umwandlung läuft in deinem Browser, ohne Upload – die Datei bleibt auf deinem Gerät. „Server“ heißt: Die Datei wird verschlüsselt (HTTPS) an unseren Server in Deutschland übertragen und direkt nach der Konvertierung gelöscht.

Für Webseiten

WOFF2 komprimiert mit Brotli und erreicht laut W3C deutlich bessere Werte als der Vorgänger WOFF von 2012. MDN empfiehlt WOFF2 als sichere Standardwahl für Webseiten.

Für den Desktop

Für die Installation unter Windows und macOS nennen Microsoft und Apple TrueType und OpenType – WOFF und WOFF2 gehören nicht dazu. Mit einer TTF-Kopie lässt sich eine Webschrift auf dem Rechner installieren.

Zwischen TTF und OTF

Beide sind OpenType-Schriften; sie speichern die Umrisse der Zeichen entweder als TrueType-Konturen oder als CFF-Daten. TTF in OTF ändert nur die Endung, etwa für Programme, die nur .otf annehmen; die Datei bleibt Byte für Byte gleich. OTF in TTF rechnet CFF-Konturen in TrueType-Konturen um, das Hinting entfällt dabei.

Welches Schriftformat wofür?

Faustregel: WOFF2 fürs Web, TTF oder OTF für alles, was installiert wird.

EinsatzFormatHinweis
eine Schrift auf einer Webseite einbindenWOFF2per @font-face mit format("woff2"), siehe Beispiel unten
eine Schrift unter Windows oder macOS installierenTTF oder OTFWindows: Rechtsklick auf die Datei und „Installieren“; macOS: über die App Schriftsammlung
auch sehr alte Browser bedienenzusätzlich WOFFdas ältere W3C-Format von 2012 mit zlib-Kompression
eine fremde Schrift weitergeben oder im Web nutzenzuerst die Lizenz prüfenEin anderes Dateiformat ändert nichts an der Lizenz; was erlaubt ist, regelt allein der Lizenztext der Schrift.

So bindest du WOFF2 auf deiner Website ein

Lege die WOFF2-Datei auf deinem Webserver ab und passe den Pfad an. Mit font-display: swap zeigt der Browser den Text sofort in einer Ersatzschrift und tauscht sie aus, sobald deine Schrift geladen ist.

@font-face {
  font-family: "Meine Schrift";
  src: url("/fonts/meine-schrift.woff2") format("woff2");
  font-display: swap;
}

body {
  font-family: "Meine Schrift", sans-serif;
}

Schriftformate kurz erklärt

TTF (TrueType)
Klassisches Desktop-Format, das Windows und macOS direkt installieren. Die Umrisse der Zeichen sind als TrueType-Konturen gespeichert.
OTF (OpenType)
Von Microsoft spezifiziertes Format, aktuell Version 1.9.1. Neben den Umrissen enthält es Tabellen für Typografie, etwa zum Ersetzen und Positionieren von Zeichen (GSUB, GPOS); die Umrisse liegen als TrueType- oder CFF-Daten vor.
WOFF
Web Open Font Format 1.0, W3C-Empfehlung vom 13. Dezember 2012: verpackt TrueType- bzw. OpenType-Daten mit zlib-Kompression für das Web.
WOFF2
Nachfolger von WOFF, aktuelle W3C-Empfehlung vom 8. August 2024: Brotli-Kompression und eine Vorverarbeitung der Schriftdaten machen die Dateien deutlich kleiner.

Ratgeber

Was im Browser umgewandelt wird, was auf den Server muss und was beim Hochladen von Dateien gilt:

Verwandte Kategorien

Quellen

  1. W3C: WOFF File Format 2.0
  2. W3C: WOFF File Format 1.0
  3. Microsoft Learn: OpenType font file (OpenType 1.9.1)
  4. MDN: @font-face
  5. MDN: font-display
  6. Apple Support: Install and validate fonts in Font Book on Mac
  7. Microsoft Support: Add a font