TTF, OTF czy WOFF: który format czcionki wybrać | UltKit

TrueType to najstarszy z tych czterech formatów. Apple wprowadziło go w 1991 roku wraz z System 7, a Microsoft przyjął go rok później w Windows 3.1. Czcionka TrueType opisuje każdą literę krzywymi kwadratowymi, które mają jeden punkt kontrolny na segment łuku i były tanie w rysowaniu na wczesnym sprzęcie. Zawiera też hinting: małe programy wewnątrz czcionki, które dopasowują pionowe kreski i krzywe do siatki pikseli, dzięki czemu tekst pozostaje ostry na ekranach o niskiej rozdzielczości. Rozszerzenie .ttf nadal oznacza czcionki z takimi kwadratowymi konturami.

OpenType, ogłoszony w 1996 roku przez Microsoft i Adobe, to raczej kontener niż nowy rodzaj konturów. Może zawierać kontury TrueType albo kontury PostScript zapisane w tabeli CFF, które używają krzywych sześciennych z dwoma punktami kontrolnymi na segment. Oprócz konturów dodaje tabele układu dla zaawansowanej typografii: ligatury standardowe i opcjonalne, kapitaliki, cyfry nautyczne, zestawy stylistyczne, alternatywy kontekstowe i kerning. Zgodnie z konwencją czcionka OpenType oparta na CFF jest zapisywana jako .otf, a OpenType z konturami TrueType zachowuje rozszerzenie .ttf.

WOFF i WOFF2 to kontenery stworzone dla internetu. WOFF powstał jako projekt w 2009 roku i w 2012 został rekomendacją W3C; kompresuje każdą tabelę czcionki algorytmem zlib. WOFF2 został rekomendacją W3C w 2018 roku, przeszedł na Brotli i najpierw przetwarza dane glifów, przez co zwykle jest o około 30% mniejszy niż WOFF. Obraz uzupełniają trzy formaty poboczne. EOT był własnym formatem webowym Internet Explorera, czcionki SVG były wczesnym rozwiązaniem tymczasowym tylko w Safari, a czcionki zmienne, dodane w OpenType 1.8 w 2016 roku, mieszczą w jednym pliku cały zakres grubości lub szerokości.

Zainstaluj TTF lub OTF i nie zastanawiaj się, który z nich. Windows 10 i 11 instalują oba po kliknięciu prawym przyciskiem i wybraniu Zainstaluj, macOS otwiera oba w Menedżerze czcionek (Font Book), a pulpity Linuksa wczytują je z ~/.local/share/fonts po odświeżeniu pamięci podręcznej czcionek. Word, Photoshop, aplikacja desktopowa Figma, Affinity i LibreOffice czytają oba. Jeśli projektant przysyła tę samą rodzinę w obu wersjach, OTF zwykle jest wersją, w której czcionkę narysował autor kroju, a TTF to konwersja dla starszego oprogramowania.

Przypadki, w których różnica ma znaczenie, są wąskie. Niektóre programy do ploterów tnących i haftu, silniki gier oraz biblioteki wyświetlaczy mikrokontrolerów rozumieją tylko kontury TrueType, więc OTF oparty na CFF wygląda tam na uszkodzony i trzeba go przekonwertować z OTF do TTF. W drugą stronę: żaden system na komputerze nie instaluje WOFF ani WOFF2 bezpośrednio, bo te pliki są przeznaczone dla przeglądarek. Instaluj tylko jedną wersję rodziny, ponieważ TTF i OTF o tej samej wewnętrznej nazwie mylą menu czcionek, a aplikacje mogą wybrać niewłaściwą.

Każda aktualna wersja Chrome, Edge, Firefox i Safari odczytuje WOFF2, więc powinien on być pierwszym, a często jedynym źródłem w regule @font-face. Dodaj po nim linię WOFF tylko wtedy, gdy analityka nadal pokazuje przeglądarki sprzed mniej więcej 2016 roku, takie jak stare Android WebView czy przeglądarki wbudowane w telewizory. Przeglądarka przechodzi listę src po kolei i pobiera pierwszy obsługiwany format, więc rozwiązanie zapasowe nic nie kosztuje nowoczesnych użytkowników. Jeśli masz już plik TrueType na komputer, TTF do WOFF tworzy taką wersję zapasową za jednym razem.

Unikaj udostępniania na stronie surowych TTF lub OTF, chyba że zmusza cię do tego platforma, jak niektóre kreatory e-maili i starsze systemy CMS. Przeglądarki wyświetlają je poprawnie, ale pliki są przesyłane bez kompresji, o ile serwer nie kompresuje czcionek gzipem, i dają każdemu gotową do instalacji kopię na komputer. Poniższa linia font-display: swap każe przeglądarce od razu pokazać tekst czcionką zapasową i podmienić ją na twoją po jej pobraniu, zamiast ukrywać tekst nawet do 3 sekund w oczekiwaniu.

Jeśli to możliwe, hostuj pliki na własnej domenie. Chrome, Safari i Firefox dzielą teraz pamięć podręczną według witryn, więc czcionka pobrana ze wspólnego CDN nie jest już ponownie używana między stronami, a własny hosting oszczędza zapytanie DNS i nawiązanie połączenia. Dodawaj <link rel="preload"> tylko dla jednej lub dwóch grubości używanych w widocznej części strony; ładowanie wstępne każdego stylu konkuruje ze zdjęciami o przepustowość.

Pojedyncza grubość czcionki łacińskiej zapisana jako WOFF2 waży zwykle 20–60 KB. Ta sama czcionka jako nieskompresowany TTF jest często dwa do trzech razy większa, a rodzina obejmująca także grekę, cyrylicę i wietnamski może przekroczyć 200 KB na styl. Czcionki chińskie, japońskie i koreańskie to zupełnie inna skala: pełna grubość CJK zawiera dziesiątki tysięcy glifów i zwykle waży kilka megabajtów nawet po kompresji WOFF2, co jest o wiele za dużo, by ładować to przed wyświetleniem tekstu na stronie.

Podzbiór (subsetting) usuwa znaki, których strona nigdy nie używa, a unicode-range mówi przeglądarce, jakie znaki obejmuje plik, więc pobiera go tylko wtedy, gdy strona faktycznie je zawiera. Google Fonts robi dokładnie tak dla CJK, dzieląc każdą rodzinę na wiele małych fragmentów ładowanych na żądanie. Dla własnych czcionek opcja Zachowaj znaki w konwerterze czcionek przycina plik do Latin + accents lub Tylko wpisane znaki, zanim trafi na twój serwer; Wszystkie znaki zostaw dla wszystkiego, co instalujesz na komputerze.

Konwersja TTF do OTF i z powrotem to dla czcionek typu TrueType zmiana kontenera: tabela konturów, metryki i funkcje układu przechodzą nietknięte. Ciekawszy jest przypadek OTF opartego na CFF konwertowanego do TTF. Krzywych sześciennych nie można skopiować do formatu konturów kwadratowych, więc każda krzywa jest rysowana na nowo jako jeden lub kilka segmentów kwadratowych z tolerancją znacznie mniejszą niż piksel. Wskazówek PostScript również nie da się przełożyć, dlatego narzędzie OTF do TTF oferuje opcję Hinting z wartościami Zachowaj, Usuń lub Auto-hint.

Powrót z internetu na komputer to najczęstsza konwersja. Pobierasz motyw lub zestaw projektowy, znajdujesz tylko pliki .woff lub .woff2, a czcionka jest potrzebna w Wordzie lub Figmie. WOFF do TTF usuwa kompresję i zapisuje oryginalne tabele, więc glify, kerning i funkcje wychodzą takie, jakie weszły. Nie odzyskasz tylko tego, co wersja webowa już straciła, na przykład znaków usuniętych przez subsetting albo wskazówek usuniętych dla oszczędności bajtów.

Większość problemów z konwersją wynika z trzech rzeczy: hintingu, funkcji układu i osi zmiennych. Poniższa lista obejmuje objawy, które możesz zauważyć po konwersji, i zwykłą przyczynę każdego z nich.

Plik czcionki to mała baza danych, a trzy jej części odpowiadają na większość pytań. Tabela name zawiera nazwę rodziny, nazwę stylu, wersję, informację o prawach autorskich i często adres URL licencji; macOS Font Book pokazuje ją w widoku informacji, a podgląd czcionki w Windows wyświetla pierwsze linie. Pokrycie glifów mówi, w jakich językach można używać czcionki: czcionka tylko łacińska po cichu przełącza się na inny krój dla polskich, tureckich lub wietnamskich znaków, których jej brakuje. W czcionce zmiennej tabela fvar wymienia jej osie, na przykład grubość od 100 do 900 lub szerokość od 75 do 125.

Licencję warto sprawdzić, zanim cokolwiek trafi do internetu. Komercyjne wytwórnie często sprzedają osobne licencje na komputer, stronę i aplikację, a licencja desktopowa zwykle obejmuje instalację na określonej liczbie komputerów, ale nie udostępnianie pliku odwiedzającym stronę ani dołączanie go do aplikacji mobilnej. Konwersja zmienia format pliku, nigdy licencję, więc WOFF2 zrobiony z desktopowego TTF podlega tym samym warunkom co TTF. Czcionki na licencji SIL Open Font License, która obejmuje większość Google Fonts, można konwertować, tworzyć z nich podzbiory i hostować samodzielnie.

Większość pytań o czcionki sprowadza się do tego, gdzie plik będzie używany. Jeśli jest instalowany na komputerze lub pakowany w aplikacji, użyj TrueType lub OpenType; jeśli pobiera go przeglądarka, użyj skompresowanych kontenerów webowych. Tabela przypisuje typowym zadaniom format do wyboru i konwersję, która do niego prowadzi, więc możesz pominąć historię i przejść od razu do potrzebnego pliku.

Dwa zastosowania leżą między kategoriami. EPUB 3 akceptuje TTF, OTF i WOFF, więc e-booki mogą używać obu rodzin formatów, a pliki czcionek SVG należą do tej samej linii co grafika wektorowa, ale dziś mają znaczenie głównie dla niektórych programów do ploterów i grawerowania, a nie dla przeglądarek.