Wie verwenden Sie die Unterteilung und Komprimierung von Webschriftarten, um Dateigröße und Bandbreite zu reduzieren?

1 Was ist eine Unterteilung von Webfonts?

Bei der Unterteilung von Webschriftarten werden unnötige Glyphen entfernt (Zeichen) aus einer Schriftartdatei, sodass nur diejenigen übrig bleiben, die auf Ihrer Website verwendet werden. Wenn Ihre Website beispielsweise auf Englisch ist, müssen Sie keine Glyphen für andere Sprachen oder Symbole einfügen, die Sie nicht verwenden. Durch die Unterteilung kann die Dateigröße Ihrer Webschriftarten erheblich reduziert werden, sodass sie schneller heruntergeladen und gerendert werden können.

2 Wie können Sie Ihre Webfonts unterteilen?

Die Unterteilung Ihrer Webschriftarten kann mit einer Vielzahl von Werkzeugen und Methoden erfolgen, abhängig vom Format und der Quelle der Schriftarten. Beliebte Optionen sind Online-Dienste wie Google Fonts oder Font Squirrel, die Subsetting-Optionen mit Schriftauswahl und -generierung bieten. Mit Desktop-Software wie FontForge oder Glyphs können Sie Schriftarten manuell bearbeiten und unterteilen. Befehlszeilentools wie pyftsubset oder fonttools ermöglichen die Unterteilung mit Skripten und Parametern. Stellen Sie nach der Unterteilung sicher, dass Sie Ihre Webschriftarten auf Anzeigegenauigkeit und Layoutprobleme testen.

3 Was ist Webfont-Komprimierung?

Bei der Komprimierung von Webschriftarten wird die Dateigröße Ihrer Webschriftarten reduziert, indem Algorithmen angewendet werden, die redundante oder unnötige Daten entfernen. Durch die Komprimierung kann die Leistung von Webschriftarten weiter verbessert werden, insbesondere bei Formaten, die nicht für das Web optimiert sind, z. B. TrueType oder OpenType.

4 Wie komprimieren Sie Ihre Webfonts?

Bei der Komprimierung von Webfonts stehen verschiedene Formate und Komprimierungsstufen zur Auswahl. Online-Dienste wie Font Squirrel und Transfonter können verwendet werden, um Webfonts mit Komprimierungsoptionen zu konvertieren und zu generieren. Alternativ ermöglichen Desktop-Software wie FontForge und Glyphs die manuelle Komprimierung von Schriftdateien. Befehlszeilentools wie woff2_Komprimieren und Brotli ermöglichen auch die Komprimierung von Schriftdateien mit Skripten und Parametern. Es ist jedoch wichtig, die Qualität und Kompatibilität Ihrer Webschriftarten nach der Komprimierung zu überprüfen, da einige Techniken das Erscheinungsbild oder die Funktionalität Ihrer Schriftarten verändern können.

5 Wie stellen Sie Ihre Webfonts bereit?

Die Optimierung der Leistung von Webfonts und die Bereitstellung einer besseren Benutzererfahrung für Website-Besucher kann durch die Befolgung bestimmter Webstandards und Best Practices für die Bereitstellung von Webfonts erreicht werden. Nutzen Sie die @font-face-Regel in Ihrem CSS, um Ihre Webschriftarten zu deklarieren und zu verlinken, sowie die font-display-Eigenschaft, um zu steuern, wie sie geladen und gerendert werden. Wählen Sie außerdem das am besten geeignete Webschriftformat für Ihre Zielbrowser und -geräte aus, z. B. WOFF2, WOFF oder EOT. Verwenden Sie außerdem HTTP/2- oder HTTPS-Protokolle, um Ihre Webfonts schneller und sicherer bereitzustellen. Erwägen Sie schließlich, Ihre Webfonts weltweit über ein Content Delivery Network zu hosten und zu verteilen (CDN).

6 Hier ist, was Sie sonst noch beachten sollten

Dies ist ein Ort, an dem Sie Beispiele, Geschichten oder Erkenntnisse teilen können, die in keinen der vorherigen Abschnitte passen. Was möchten Sie noch hinzufügen?