Subsetter czcionek — usuwanie nieużywanych glifów
Twórz podzbiory czcionek TTF, OTF, WOFF i WOFF2 zawierające tylko potrzebne znaki dzięki HarfBuzz hb-subset. Eksportuj do WOFF2, WOFF lub TTF, sprawdź oszczędność rozmiaru i podgląd — wszystko w przeglądarce.
🔒 Działa całkowicie w Twojej przeglądarce — nic nie jest przesyłanePrzyspiesz ładowanie czcionek webowych, usuwając nieużywane glify
Większość czcionek zawiera znacznie więcej znaków, niż potrzebuje strona internetowa: litery ze znakami diakrytycznymi dla dziesiątek języków, alfabet grecki i cyrylicę, symbole matematyczne, strzałki i znaki alternatywne. Każdy z tych glifów to dodatkowe bajty, które odwiedzający muszą pobrać, zanim Twój tekst pojawi się we właściwym kroju pisma. Tworzenie podzbioru (subsetting) generuje kopię czcionki zawierającą tylko wybrane przez Ciebie znaki, co może zmniejszyć rozmiar pliku o 80–95% i wyraźnie poprawić czas ładowania strony oraz wskaźniki Core Web Vitals.
To narzędzie korzysta z hb-subset, tego samego silnika HarfBuzz, na którym opiera się Google Fonts, skompilowanego do WebAssembly i działającego bezpośrednio w Twojej przeglądarce. Zachowuje ono tabele układu OpenType dotyczące pozostawionych znaków, więc kerning, ligatury i formy kontekstowe nadal działają. Wynik można zapisać jako WOFF2 na potrzeby stron internetowych, jako WOFF albo jako zwykły plik TTF lub OTF z tym samym typem konturów co plik źródłowy.
Wybór znaków do zachowania
W przypadku logo, nagłówka lub czcionki z ikonami wpisz dokładnie potrzebny tekst i nic więcej. Dla tekstu głównego zacznij od zestawu Basic Latin i dodaj Latin-1 lub Latin Extended-A, jeśli treść zawiera nazwy ze znakami diakrytycznymi lub teksty w językach europejskich. Aby uzyskać precyzyjną kontrolę, użyj pola unicode-range: wpisz wartości takie jak U+0000-00FF lub U+2000-206F; akceptowane są też symbole wieloznaczne, na przykład U+4??. Licznik pokazuje, ile punktów kodowych zostało wybranych, a w podglądzie możesz swobodnie pisać — każdy znak, który wyświetla się czcionką systemową zamiast docelowej, został usunięty z podzbioru.
Wygenerowana reguła @font-face zawiera deskryptor unicode-range. Przeglądarki wykorzystują go, aby pobierać czcionkę tylko wtedy, gdy strona faktycznie zawiera te znaki, co ułatwia podzielenie jednej rodziny czcionek na kilka małych plików, na przykład jeden dla alfabetu łacińskiego i jeden dla cyrylicy. Pamiętaj, że tworzenie podzbioru modyfikuje czcionkę, więc przed opublikowaniem wyniku upewnij się, że licencja na to pozwala.
Jak używać
- Wczytaj czcionkęUpuść plik TTF, OTF, WOFF lub WOFF2 na pole albo kliknij, aby go wybrać. Wyświetlona zostanie liczba glifów i typ konturów.
- Wybierz znakiWpisz potrzebny tekst, zaznacz zestawy znaków, takie jak Basic Latin czy cyrylica, i opcjonalnie dodaj zakres CSS unicode-range.
- Utwórz podzbiórWybierz format wyjściowy WOFF2, WOFF lub TTF/OTF i naciśnij „Create subset”. HarfBuzz usunie wszystkie glify, których nie wybrano.
- Sprawdź i pobierzPorównaj rozmiar i liczbę glifów, przetestuj podgląd wyrenderowany nową czcionką, a następnie pobierz ją i skopiuj kod CSS.