Komplette Ordnerstruktur
Die generierten URLs stimmen mit dem enthaltenen Schriftartenverzeichnis überein.
Webfont-Generator
Verpacken Sie Schriftartdateien mit gebrauchsfertigem CSS und einer HTML-Vorschauseite.
Schriftartdateien
Name der CSS-Schriftfamilie
Bundle-Inhalte
Ausgewählte Schriftarten werden hier angezeigt.
Das Kit enthält Ihre browserbereiten Schriftartdateien, @font-face CSS, eine Vorschau und Einrichtungshinweise.
Standardmäßig privatAuf diesem Gerät werden Ihre Eingaben und Dateien verarbeitet.
Kostenlos und sofortKein Konto, keine Warteschlange oder Softwareinstallation erforderlich.
GebrauchsfertigKopieren oder laden Sie Ergebnisse herunter, sobald sie generiert werden.
Wie zu verwenden Webfont-Generator
Erhalten Sie in drei einfachen Schritten ein zuverlässiges Ergebnis.
Wählen Sie Schriftartdateien
Fügen Sie eine oder mehrere lizenzierte, browserkompatible Schriftartendateien hinzu.
Legen Sie den Familiennamen fest
Verwenden Sie den CSS-Namen, der in Ihren Stylesheets erscheinen soll.
Laden Sie das Kit herunter
Erhalten Sie eine ZIP-Datei mit Schriftarten, @font-face-CSS, Vorschau-HTML und Einrichtungshinweisen.
Gebaut für die tägliche Arbeit
Nützlich ohne viel Arbeit
Gezielte Kontrollen, sofortiges Feedback und keine Abwägung zwischen Ihnen und dem Ergebnis.
Mehrere Gewichte
Packen Sie eine Familie von Schriftartdateien in ein einsetzbares Kit.
Vorschauseite
Öffnen Sie die mitgelieferte HTML-Datei, um den Ladevorgang zu überprüfen und Glyphen zu testen.
Praktischer Leitfaden
Was ist Webfont-Generator?
Ein Webfont-Kit kombiniert vom Browser ladbare Schriftartdateien mit @font-face-CSS, das die Familie, das Quellformat, den Stil, die Schriftstärke und das Ladeverhalten benennt. Wenn diese Teile zusammengehalten werden, werden fehlerhafte Schriftart-URLs während der Bereitstellung verhindert.
Dieser Generator packt vorhandene TTF-, OTF-, WOFF- und WOFF2-Dateien; Es werden weder Glyphenumrisse verändert noch konvertierte Formate erstellt. WOFF2 ist normalerweise das beste Lieferformat, wenn Sie bereits über eine lizenzierte Kopie verfügen.
Praktische Anwendungen
Wann Sie dieses Tool verwenden sollten
Gemeinsame Wege Webfont-Generator passt in reale Projekte und tägliche Aufgaben.
Selbstgehostete Typografie
Stellen Sie Markenschriftarten bereit, ohne auf ein CDN eines Drittanbieters angewiesen zu sein.
Designsysteme
Erstellen Sie ein einheitliches Starterpaket für Anwendungsteams.
Schriftarten-QA
Zeigen Sie eine Vorschau der Dateien an und bestätigen Sie deren Familienkonfiguration.
Offline-Projekte
Bündeln Sie Assets für lokale Schnittstellen und Dokumentation.
Hilfreiche Antworten
Häufig gestellte Fragen
Schnelle Antworten zu webfont-generator und wie diese Seite funktioniert.
Konvertiert dies TTF in WOFF2?
Nein. Es verpackt die von Ihnen bereitgestellten browserkompatiblen Dateien mit CSS und einer Vorschau.
Welches Format eignet sich am besten für Websites?
WOFF2 bietet im Allgemeinen die beste moderne Webkomprimierung, wobei je nach Kompatibilitätsanforderungen andere Formate verwendet werden.
Kann ich mehrere Gewichte angeben?
Ja. Den Dateien werden im Starter-CSS progressive Gewichtswerte zugewiesen, die Sie an die tatsächliche Familie anpassen können.
Kann jede Schriftart selbst gehostet werden?
Nein. Überprüfen Sie die Lizenz der Schriftart, bevor Sie sie verteilen oder einbetten.