WOFF2 — format fontów webowych

TTF do WOFF2 — poprawny proces

• Sprawdź, czy licencja pozwala na osadzanie w WWW, konwersję i modyfikację/subsetting.
• Wybierz font i wagi faktycznie używane na stronie.
• Użyj konwertera WOFF2, np. fonttools lub narzędzia opartego na woff2_compress.
• Rozważ subset latin lub latin-ext, jeśli nie potrzebujesz pełnego zestawu glifów.
• Zadeklaruj format w @font-face i sprawdź fallback oraz ładowanie w DevTools.

WOFF2 a wydajność

Mniejszy font może skrócić transfer, ale preload niepotrzebnych wag może pogorszyć priorytety. Zmierz rozmiar, czas pobrania, CLS i LCP zamiast zakładać, że każdy font poprawia wynik.

Czy narzędzie online tworzy plik WOFF2?

CometWeb pokazuje podgląd fontu, pozwala wybrać subset glifów i generuje plik WOFF2 do pobrania lokalnie w przeglądarce. Przed wdrożeniem sprawdź zakres znaków, wagi i deklarację @font-face.

Deklaracja i sprawdzenie znaków

Przetestuj ąćęłńóśźż oraz ĄĆĘŁŃÓŚŹŻ, cyfry, waluty i interpunkcję w każdej używanej grubości. Nazwa subsetu latin nie gwarantuje polskich znaków. unicode-range jedynie steruje wyborem pliku: nie dodaje brakujących glifów; błędny zakres może wymusić fallback.

@font-face {
  font-family: "Site Font";
  src: url("/fonts/site-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
body { font-family: "Site Font", sans-serif; }