HTML und CSS · Senior · Frage 17 von 75
Welche Techniken verringern Gewicht und Performance-Kosten eines eigenen Webfonts?
- 1WOFF2, Subsetting,
preloadder Hauptstärke undfont-display - 2Die Schrift in ein PNG-Sprite umwandeln und Buchstaben als Hintergründe zeichnen
- 3Alle Stärken auf einmal laden, damit der Browser sie vorab cacht
Antwort zeigen
Richtige Antwort: WOFF2, Subsetting, preload der Hauptstärke und font-display
Erklärung
WOFF2 komprimiert am besten. Subsetting entfernt ungenutzte Glyphen (etwa nur Latein und Kyrillisch behalten), und unicode-range lässt den Browser nur die nötigen Teilmengen laden. preload beschleunigt die Hauptstärke, font-display beseitigt unsichtbaren Text. Ein Variable Font ersetzt mehrere Dateien für Stärken durch eine. In Next.js erledigt next/font vieles davon.