HTML i CSS · Senior · Pytanie 17 z 75
Które techniki zmniejszają wagę i wpływ na wydajność własnego fontu webowego?
- 1Zamienić font na sprite PNG i rysować litery jako tła
- 2Załadować wszystkie grubości naraz, żeby przeglądarka zawczasu je zcache'owała
- ✓Poprawna odpowiedź: WOFF2, subsetting,
preloadgłównej grubości ifont-display
Wyjaśnienie
WOFF2 kompresuje najlepiej. Subsetting usuwa nieużywane glify (np. zostawia tylko łacinkę i cyrylicę), a unicode-range pozwala przeglądarce pobrać tylko potrzebne podzbiory. preload przyspiesza główną grubość, font-display usuwa niewidoczny tekst. Font zmienny (variable font) zastępuje kilka plików grubości jednym. W Next.js dużą część tego załatwia next/font.