Webfont-Generator – erstelle ein @font-face-Kit
10 / 10Lade eine Familie hoch und erhalte ein Kit zum Selbsthosten: WOFF2 + WOFF für jede Schriftstärke, ein @font-face-Stylesheet und eine Demoseite. Alles, um die Schriften direkt in ein Projekt einzubauen.
Was im Kit steckt
Für jede hochgeladene Datei bekommst du ein WOFF2 und ein WOFF: Moderne Browser nehmen die kleine Datei, ältere stellen die Schrift trotzdem dar. Das generierte Stylesheet deklariert ein @font-face pro Schriftstärke und Stil mit font-display: swap, und mit der HTML-Demo prüfst du die Darstellung vor dem Release.
Selbst hosten statt CDN
Selbst gehostete Schriften sparen den zusätzlichen DNS-Lookup und die Verbindung zu einem Drittanbieter, geben dir volle Kontrolle über Caching und Subsetting und halten Besucherdaten von externen Servern fern – eine häufige Anforderung der DSGVO. Ein Paket zum Selbsthosten jeder Open-Source-Familie bekommst du außerdem mit einem Klick in der Schriftarten-Bibliothek.
In drei Zeilen eingebunden
Kopiere den Schriftenordner in dein Projekt, binde das generierte Stylesheet ein und verwende den font-family-Namen in deinem CSS. Lade das WOFF2 der Fließtext-Schriftstärke per preload vor, um das erste Rendering zu beschleunigen.
Webfont-Generator – Fragen
WOFF2 als Hauptquelle und optional WOFF als Fallback. TTF/OTF und EOT braucht man im Web nicht mehr.
Noch nicht – er konvertiert den vollständigen Zeichensatz. Für ein schlankeres Kit lade eine Familie aus der Schriftarten-Bibliothek herunter, die Zeichensätze pro Schriftsystem anbietet.
Hochgeladene und konvertierte Dateien werden innerhalb einer Stunde automatisch gelöscht.
Beliebte Konvertierungen
So funktioniert der Webfont-Konverter
Lade deine Desktop-Schriften hoch und erhalte in Sekunden webfertige Dateien. Unser Konverter übernimmt die ganze Arbeit – Subsetting, Kompression und Formaterzeugung –, damit deine Schriften in jedem Browser schnell laden.
Unterstützte Formate
Konvertiere zwischen TrueType (TTF), OpenType (OTF), WOFF und WOFF2. WOFF2 bietet die beste Kompression fürs Web – bis zu 30 % kleiner als WOFF – und wird von allen modernen Browsern unterstützt.
Stapelverarbeitung
Lade bis zu 10 Schriftdateien auf einmal hoch und konvertiere sie in einem Durchgang. Jede Datei wird auf dem Server verarbeitet und in den gewählten Formaten als fertiges ZIP verpackt.
Generiertes CSS & Vorschau
Der Konverter erzeugt @font-face-Deklarationen mit der passenden font-display-Strategie. Eine HTML-Vorschauseite ist dabei, damit du die Darstellung vor dem Livegang prüfen kannst.
Datenschutz zuerst
Hochgeladene Dateien werden auf dem Server verarbeitet und nach der Konvertierung automatisch gelöscht. Nichts wird dauerhaft gespeichert – deine Schriften bleiben deine.
Häufig gestellte Fragen
WOFF2 nutzt Brotli-Kompression, wodurch die Dateien etwa 30 % kleiner sind als bei WOFF (mit zlib). Beides sind Webfont-Formate, für moderne Browser wird aber WOFF2 empfohlen: bessere Kompression und schnelleres Laden. WOFF bleibt als Fallback für ältere Browser nützlich.
Ja. Der Konverter wandelt jedes unterstützte Eingabeformat (TTF, OTF, WOFF, WOFF2) direkt in jedes Ausgabeformat um. Zwischenschritte sind nicht nötig – einfach hochladen und das Zielformat wählen.
Der CSS-Deskriptor font-display steuert, wie Text angezeigt wird, während die Schrift lädt. Die Option „swap“ (empfohlen) zeigt sofort eine Ersatzschrift und tauscht sie gegen den Webfont, sobald er geladen ist. So bleibt der Text beim Laden der Seite sichtbar, und die Core Web Vitals verbessern sich.
Jede Datei darf bis zu 10 MB groß sein, und du kannst bis zu 10 Dateien pro Durchgang hochladen. Das reicht für praktisch alle Desktop- und Webfont-Dateien, auch für große Variable Fonts.
Für die meisten modernen Websites reicht WOFF2 allein – es wird weltweit von über 97 % der Browser unterstützt. Füge WOFF als Fallback hinzu, wenn du ältere Browser unterstützen musst. TTF und EOT braucht man heute kaum noch, außer für sehr alte Systeme.