Konwerter czcionek: TTF, OTF, WOFF, WOFF2 i EOT

TTF, OTF, WOFF, WOFF2, EOT: do czego służy każdy format?

TTF (TrueType) i OTF (OpenType) to formaty czcionek instalowanych na komputerze: Windows, macOS i Linux przyjmują oba, podobnie jak Word, Photoshop, Canva czy programy do ploterów tnących Cricut i Silhouette. WOFF i WOFF2 to te same czcionki skompresowane do internetu: WOFF2 jest o około 30% lżejszy od WOFF i odczytują go wszystkie współczesne przeglądarki, dzięki czemu strony ładują się szybciej. EOT to stary format Internet Explorera 6–8, przydatny tylko na bardzo starych stronach. Pliki TTC zawierają kilka czcionek z jednej rodziny: narzędzie je rozdziela i konwertuje każdą osobno.

Konwersja czcionki OTF na TTF (i TTF na OTF)

Czcionka OTF może zawierać dwa rodzaje konturów: TrueType albo PostScript (CFF). Gdy konwertujesz OTF z konturami PostScript na TTF, narzędzie zamienia każdą literę na krzywe TrueType i zachowuje pozostałe informacje o czcionce: kerning, ligatury, warianty znaków i nazwy. Nie jest przenoszony tylko hinting, który poprawia wyświetlanie małych rozmiarów na starych ekranach. W drugą stronę TTF staje się plikiem .otf, który zachowuje kontury TrueType: to w pełni poprawny OpenType, który da się zainstalować wszędzie, bez żadnej utraty jakości.

Czcionka na własnej stronie z @font-face

Aby wyświetlić własną czcionkę na stronie, trzeba umieścić ją na serwerze w formacie WOFF2 (i WOFF dla starszych przeglądarek), a potem zadeklarować w CSS regułą @font-face. Pakiet webowy narzędzia przygotowuje wszystko: pliki każdej czcionki, plik fonts.css z nazwą rodziny, grubością (400 dla zwykłej, 700 dla pogrubionej), stylem i opcją font-display: swap, która zapobiega niewidocznemu tekstowi podczas ładowania, a także stronę demonstracyjną. Skopiuj pliki na swoją stronę, dołącz fonts.css do podstron i użyj font-family z podaną nazwą. W WordPressie tę samą regułę wklejasz w „Dodatkowy CSS” motywu.

Licencja czcionki: co sprawdzić

Konwersja czcionki nie zmienia jej licencji. Darmowe czcionki, takie jak te z Google Fonts (licencja OFL), można bez problemu konwertować i używać na stronie. Czcionki komercyjne mają często inną licencję na komputer i do internetu. Narzędzie pokazuje prawa autorskie i licencję zapisane w pliku oraz ostrzega, gdy czcionka wskazuje, że nie wolno jej osadzać w dokumentach ani na stronach. Sprawdź swoje prawa, zanim opublikujesz przekonwertowaną czcionkę w internecie.