Schnellere Seitenladung
Kleinere Schriftartdateien laden schneller und verbessern so den LCP-Wert (Largest Contentful Paint), der für die Website-Leistung entscheidend ist.
Font-Subsetter
Verkleinern Sie die Größe von Web-Schriftartdateien durch die Erstellung von Font-Subsets. Behalten Sie nur die Zeichen bei, die Sie benötigen. Steigern Sie die Leistung Ihrer Website und Ihre Core Web Vitals.
Anzeige
Anzeige
Ein Font-Subsetter reduziert Schriftartdateigrößen, indem nur die Zeichen (Glyphen) extrahiert werden, die Siectually need. A full font file may contain thousands of glyphs for multiple languages, but a website typischerweise uses only a few hundred. Subsetting a font from 500 KB to 50 KB dramatically improves page load speed. This tool processes fonts locally using opentype.js -- no font files are uploaded.
Schriftartdateien um 80-95% verkleinern, ohne sie hochzuladen
Behalten Sie nur die Zeichen, die Ihre Website tatsächlich verwendet. Unterstützt TTF, OTF, WOFF und WOFF2.
Schnellere Seitenladezeiten
100 % privat
Kostenlos und unbegrenzt
So geht's
- 1
Schriftart hochladen
Nutzen Sie den Drag-and-Drop-Bereich, um Ihre Schriftartdatei im Format .TTF, .OTF, .WOFF oder .WOFF2 hochzuladen.
- 2
Zeichen festlegen
Geben Sie in das Textfeld alle Zeichen ein, die Sie tatsächlich auf Ihrer Website verwenden. Sie können auch gängige Unicode-Bereiche hinzufügen.
- 3
Ausgabeformat auswählen
Wählen Sie in den Exporteinstellungen Ihr gewünschtes Ausgabeformat (OTF oder TTF) aus.
- 4
Subsetten und herunterladen
Klicken Sie auf »Subset erstellen«. Das Tool generiert eine neue, kleinere Schriftartdatei. Laden Sie die optimierte Schriftart herunter.
Warum Schriftarten subsetten?
Bessere Benutzererfahrung
Nutzer sehen Ihren Textinhalt schneller, die Wartezeit verringert sich – dadurch sinkt die Absprungrate und die Zufriedenheit steigt.
Verbesserte Core Web Vitals
Seitengeschwindigkeit ist ein wichtiger Rankingfaktor bei Suchmaschinen wie Google. Die Optimierung von Schriftarten ist eine effektive Methode, um die Werte der Core Web Vitals zu verbessern.
Anzeige
Grundlagen des Font-Subsetting
Why font files are so large
Moderne Font-Dateien (OTF, TTF, WOFF, WOFF2) enthalten viel mehr als Buchstabenformen. Ein typischer lateinischer Font umfasst Groß- und Kleinbuchstaben, Ziffern, Satzzeichen, Akzentzeichen, Ligaturen, alternative Glyphen, Kerning-Paare und OpenType-Funktionen (Kapitälchen, Mediävalziffern, kontextuelle Substitutionen). Eine umfassende Font-Familie kann über 1.000 Glyphen enthalten. Wenn Sie einen solchen Font auf einer nur-englischen Website verwenden, übertragen Sie 90 % der Font-Daten ungenutzt, was Bandbreite verschwendet und die Seitenladezeit verlangsamt.
Font-Subsetting löst dieses Problem, indem es nur die benötigten Glyphen extrahiert. Für eine nur-englische Website benötigen Sie möglicherweise nur die 95 druckbaren ASCII-Zeichen. Sie können einen Font von 500 KB auf 20-50 KB reduzieren. Für Websites mit grundlegendem Latein plus häufigen Akzentzeichen benötigen Sie etwa 200 Glyphen. Das Subsetting-Tool verwendet opentype.js, um die binäre Struktur des Fonts zu parsen, die angegebenen Glyphen und zugehörigen Metriken (Kerning, Vorschubbreiten) zu extrahieren und eine gültige Font-Datei mit nur diesen Glyphen neu zu erstellen.
Das WOFF2-Format bietet zusätzliche Komprimierung über das Subsetting hinaus. WOFF2 verwendet Brotli-Komprimierung, die Dateien erzeugt, die 20-40 % kleiner sind als WOFF. Alle modernen Browser (Chrome, Firefox, Safari, Edge) unterstützen WOFF2. Der optimale Ansatz besteht darin, den Font auf die benötigten Glyphen zu subsetten und dann als WOFF2 für maximale Komprimierung zu kodieren. Ein 500 KB TTF-Font kann auf eine 15 KB WOFF2-Subset-Datei reduziert werden – eine Reduzierung um 97 %.
Anzeige
Practical subsetting strategies
Für die meisten Websites ist die einfachste Strategie, auf den Unicode-Basic-Latin-Bereich (U+0020 bis U+007E) zu subsetten, der alle ASCII-Zeichen umfasst. Dies reicht für englischsprachige Inhalte aus. Für mehrsprachige Websites sollten Sie für jede Sprache die spezifischen Unicode-Bereiche subsetten und die CSS-Eigenschaft unicode-range verwenden, um nur die relevante Subset-Datei auf jeder Seite zu laden. Google Fonts verwendet diese Technik und liefert je nach Seiteninhalt unterschiedliche Subsets.
Seien Sie beim Subsetting vorsichtig, dass Sie keine Glyphen entfernen, die von OpenType-Funktionen referenziert werden. Zum Beispiel ersetzt die Kapitälchen-Funktion (smcp) Kleinbuchstaben durch kleine Großbuchstaben-Versionen. Wenn Sie die Kapitälchen-Glyphen entfernen, funktioniert die Funktion nicht. Unser Tool bewahrt die Funktionsdefinitionen des Fonts, enthält aber nur die von Ihnen angegebenen Glyphen. Wenn Sie OpenType-Funktionen benötigen, schließen Sie alle Glyphen ein, die von diesen Funktionen referenziert werden.
Anzeige
Wie vergleicht sich dieses Tool mit anderen Font-Subsetting-Tools?
Ein direkter Vergleich beliebter Font-Subsetting-Tools.
| Funktion | NovaTools | Font Squirrel | Everything Fonts |
|---|---|---|---|
| Datenschutz (kein Upload) | 100 % Browser | Upload zum Server | Upload zum Server |
| TTF, OTF, WOFF input | Alle Formate | Eingeschränkt | |
| WOFF2 output | |||
| Benutzerdefinierte Zeichensätze | Eingeschränkt | ||
| Preserves OpenType features | |||
| Keine Registrierung | E-Mail erforderlich |
Font Squirrel und andere serverbasierte Subsetter erfordern das Hochladen Ihrer Font-Dateien. Unser Tool verwendet opentype.js, um Fonts vollständig in Ihrem Browser zu parsen und zu subsetten – Ihre eigenen oder lizenzierten Fonts verlassen niemals Ihr Gerät.
Häufig gestellte Fragen
Sind meine Schriftartdateien sicher? Werden sie hochgeladen?
Ja, 100% sicher. Alle Schriftartverarbeitungen erfolgen lokal in Ihrem Browser. Ihre Schriftartdateien werden niemals auf unsere Server hochgeladen – so bleibt Ihre Daten privat.
Warum ist meine Schriftartdatei nach dem Subsetting größer geworden?
Bei sehr kleinen oder hochoptimierten Original-Schriftarten kann dies vorkommen. Das Tool baut die Schriftartdatei von Grund auf neu auf, und diese neue Struktur ist manchmal weniger kompakt als die Originalstruktur.
Welches Ausgabeformat sollte ich wählen: OTF oder TTF?
Für moderne Web-Entwicklung sind beide gute Ausgangspunkte. Nach dem Subsetting ist es Best Practice, die generierte Schriftart in das `.woff2`-Format zu konvertieren, um maximale Kompression zu erzielen.
Kann ich die subsetierte Schriftart in kommerziellen Projekten verwenden?
Sie müssen die Lizenz der hochgeladenen Original-Schriftart einhalten. Das Subsetten ändert die Lizenz nicht.
Welche Zeichen sollte ich in mein Subset aufnehmen?
Mindestens sollten Sie alle Zeichen einschließen, die auf Ihrer Website erscheinen: Großbuchstaben A-Z, Kleinbuchstaben a-z, Ziffern 0-9 und alle in Ihrem Inhalt verwendeten Satzzeichen (Punkte, Kommas, Anführungszeichen, Bindestriche usw.). Schließen Sie auch alle spezifischen Sonderzeichen Ihres Inhalts ein (Währungssymbole, mathematische Operatoren, Pfeile). Für mehrsprachige Websites schließen Sie die akzentuierten Zeichen für jede unterstützte Sprache ein (z. B. à, é, ü, ñ für Französisch, Deutsch, Spanisch). Für CJK-Websites schließen Sie die häufigsten 1.000-3.500 Zeichen für Ihre Sprache ein. Ein guter Ansatz ist, den Textinhalt Ihrer Website zu scannen und den eindeutigen Zeichensatz zu extrahieren — dies stellt sicher, dass Sie keine Zeichen übersehen, während das Subset so klein wie möglich bleibt.
Beeinträchtigt Subsetting die Schriftartendarstellung?
Nein. Subsetting bewahrt exakt die gleichen Glyphen-Konturen, Hinting-Anweisungen und Kerning-Paare wie die ursprüngliche Schriftart — es entfernt einfach die Glyphen, die Sie nicht benötigen. Die Zeichen, die in der subsetierten Schriftart verbleiben, werden bei allen Größen identisch zur ursprünglichen Schriftart gerendert. Der einzige sichtbare Unterschied ist, dass Zeichen, die nicht im Subset enthalten sind, nicht gerendert werden (sie fallen auf die Standard-Schriftart des Browsers zurück oder erscheinen als leere Kästchen). Deshalb ist es wichtig, alle Zeichen einzubeziehen, die Ihre Website verwendet — wenn Sie ein Zeichen vergessen, ist es in der subsetierten Schriftart nicht verfügbar. Die Live-Vorschau lässt Sie überprüfen, ob Ihr gesamter Text korrekt gerendert wird, bevor Sie herunterladen.
Ihre Privatsphäre ist unsere Priorität
Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien werden nicht hochgeladen, gespeichert oder analysiert.
- Wir laden Ihre Dateien nicht hoch, speichern oder analysieren sie.
- Alles, was Sie verarbeiten, bleibt auf Ihrem Gerät.
- Es gibt keine serverseitige Verarbeitung, keinen Cloud-Speicher und keine Analyse.
Auch wenn Ihre Internetverbindung abbricht, bleiben Ihre Dateien sicher.
Das könnte Ihnen auch gefallen
Thema erkunden
Hilfreiche Anleitungen
Base64-Text sicher kodieren und dekodieren
Erfahren Sie, was Base64 ist, wann URL-sicheres Base64 sinnvoll ist und wie Sie Text lokal im Browser kodieren oder dekodieren.
Warum Font-Subsetting Ihre Geheimwaffe zur Steigerung der Seitenladegeschwindigkeit ist
Erfahren Sie, was Font-Subsetting ist, warum es für Core Web Vitals und SEO entscheidend ist, sowie wie Sie mit unserem kostenlosen Online-Tool die Font-Dateigröße erheblich reduzieren können, um eine bessere Website-Leistung zu erzielen.
10 Kostenlose Entwickler-Produktivitätstools, die wirklich Zeit sparen
Entdecken Sie die besten kostenlosen Tools für Entwickler, die die Produktivität steigern, ohne die Bank zu sprengen. Von Code-Formatierern bis zu API-Testern werden diese Tools Ihren Workflow optimieren.
Anzeige