Konwerter czcionek — TTF, OTF, WOFF, WOFF2 online

Konwertuj czcionki na potrzeby stron internetowych w przeglądarce

Ten konwerter czcionek zamienia pliki czcionek przeznaczone na komputery stacjonarne oraz pliki w starszych formatach na formaty, których oczekują przeglądarki i narzędzia projektowe. Upuść czcionkę TTF lub OTF, aby utworzyć skompresowane pliki WOFF2 i WOFF dla swojej strony internetowej, rozpakuj plik WOFF2 z powrotem do instalowalnej czcionki TTF albo odtwórz stare czcionki EOT i SVG z bardzo dawnych projektów webowych. Możesz dodać wiele plików jednocześnie: każda czcionka jest przetwarzana po kolei, a przy każdym pliku wynikowym widać jego rozmiar oraz to, o ile jest mniejszy lub większy od oryginału. Wszystko działa lokalnie dzięki JavaScript i WebAssembly — na stronę ładowany jest ten sam koder WOFF2 od Google, z którego korzystają odlewnie czcionek, więc nic nie jest przesyłane na serwer.

Tam, gdzie to możliwe, konwerter działa bezstratnie. Opakowanie czcionki w format WOFF lub WOFF2 zachowuje oryginalne kontury TrueType lub CFF, hinting i funkcje OpenType dokładnie w takiej postaci, w jakiej były; zmienia się wyłącznie kompresja. Konwersja czcionek OTF opartych na CFF do formatu TTF, EOT lub SVG odbudowuje kontury jako krzywe kwadratowe, co wizualnie daje ten sam efekt, ale powoduje utratę hintingu PostScript.

Formaty czcionek w pigułce

TTF (TrueType) i OTF (OpenType z konturami CFF) to formaty desktopowe, które instalujesz na swoim komputerze. WOFF opakowuje te same dane z kompresją zlib, a WOFF2 wykorzystuje Brotli oraz przekształcenia specyficzne dla czcionek, co zwykle pozwala zaoszczędzić kolejne 30%. WOFF2 jest obsługiwany przez wszystkie nowoczesne przeglądarki, więc dla większości stron w zupełności wystarczy jeden plik WOFF2. Format EOT był używany wyłącznie przez Internet Explorera, a czcionki SVG tylko przez stare wersje Safari na iOS; generuj je jedynie wtedy, gdy utrzymujesz starsze strony.

Użyj wygenerowanej reguły @font-face

Po konwersji narzędzie tworzy regułę @font-face dla każdej czcionki, z nazwą rodziny, grubością i stylem odczytanymi bezpośrednio z samej czcionki. Źródła są uporządkowane od najlepszego, dzięki czemu przeglądarki pobierają WOFF2 zawsze, gdy tylko mogą. Ustaw folder, do którego prześlesz pliki na serwer, i wybierz strategię font-display — wartość swap od razu wyświetla tekst czcionką zastępczą i przełącza go, gdy tylko czcionka webowa zostanie pobrana. Przed publikacją upewnij się, że licencja czcionki zezwala na osadzanie jej na stronach internetowych oraz na konwersję formatu.