Font-Subsetter — Unbenutzte Glyphen entfernen
Reduzieren Sie TTF-, OTF-, WOFF- und WOFF2-Schriftarten mit HarfBuzz hb-subset auf genau die Zeichen, die Sie brauchen. Export als WOFF2, WOFF oder TTF, mit Anzeige der Ersparnis und Vorschau — alles im Browser.
🔒 Läuft vollständig in Ihrem Browser — nichts wird hochgeladenWebschriften schneller laden, indem unbenutzte Glyphen entfernt werden
Die meisten Schriftarten enthalten weit mehr Zeichen, als eine Website benötigt: Buchstaben mit Akzenten für Dutzende Sprachen, griechische und kyrillische Alphabete, mathematische Symbole, Pfeile und Alternativformen. Jede dieser Glyphen fügt Bytes hinzu, die Besucher herunterladen müssen, bevor Ihr Text in der richtigen Schrift erscheinen kann. Beim Subsetting entsteht eine Kopie der Schrift, die nur die von Ihnen gewählten Zeichen enthält. Das kann die Dateigröße um 80–95 % verringern und die Ladezeiten sowie die Core Web Vitals spürbar verbessern.
Dieser Subsetter verwendet hb-subset, dieselbe HarfBuzz-Engine, auf die sich auch Google Fonts stützt, kompiliert zu WebAssembly und ausgeführt in Ihrem Browser. Er behält die OpenType-Layouttabellen bei, die für die verbleibenden Zeichen gelten, sodass Kerning, Ligaturen und kontextabhängige Formen weiterhin funktionieren. Das Ergebnis lässt sich als WOFF2 für das Web, als WOFF oder als einfache TTF- bzw. OTF-Datei mit demselben Konturtyp wie Ihre Quelldatei speichern.
Auswählen, welche Zeichen erhalten bleiben
Für ein Logo, eine Überschrift oder eine Icon-Schrift geben Sie genau den benötigten Text ein und sonst nichts. Für Fließtext beginnen Sie mit der Vorgabe „Basic Latin“ und fügen Latin-1 oder Latin Extended-A hinzu, wenn Ihre Inhalte Namen mit Akzenten oder europäische Sprachen enthalten. Nutzen Sie das unicode-range-Feld für eine präzise Steuerung: Geben Sie Werte wie U+0000-00FF oder U+2000-206F ein; auch Platzhalter wie U+4?? werden akzeptiert. Der Zähler zeigt, wie viele Codepunkte ausgewählt sind, und in der Vorschau können Sie frei tippen — jedes Zeichen, das auf eine Systemschrift zurückfällt, wurde aus dem Subset entfernt.
Die erzeugte @font-face-Regel enthält einen unicode-range-Deskriptor. Browser nutzen ihn, um die Schrift nur dann herunterzuladen, wenn eine Seite diese Zeichen tatsächlich enthält. So lässt sich eine Schriftfamilie einfach in mehrere kleine Dateien aufteilen, zum Beispiel eine für Lateinisch und eine für Kyrillisch. Denken Sie daran, dass das Subsetting die Schrift verändert; prüfen Sie daher vor der Veröffentlichung des Ergebnisses, ob Ihre Lizenz dies erlaubt.
So verwenden Sie
- Schrift ladenZiehen Sie eine TTF-, OTF-, WOFF- oder WOFF2-Datei in das Feld oder klicken Sie, um eine Datei auszuwählen. Anzahl der Glyphen und Konturtyp werden angezeigt.
- Zeichen auswählenGeben Sie den benötigten Text ein, haken Sie Zeichensätze wie Basic Latin oder Kyrillisch an und fügen Sie optional eine CSS-unicode-range hinzu.
- Subset erstellenWählen Sie WOFF2, WOFF oder TTF/OTF als Ausgabe und klicken Sie auf „Create subset“. HarfBuzz entfernt jede Glyphe, die Sie nicht ausgewählt haben.
- Prüfen und herunterladenVergleichen Sie Größe und Glyphenanzahl, testen Sie die mit der neuen Schrift gerenderte Vorschau, laden Sie die Datei herunter und kopieren Sie das CSS.