TTF vs OTF vs WOFF: aký formát písma zvoliť | UltKit

TrueType je najstarší zo štyroch formátov. Apple ho uviedol so Systémom 7 v roku 1991 a Microsoft ho nasledujúci rok prevzal do Windowsu 3.1. Písmo TrueType opisuje každé písmeno kvadratickými krivkami, ktoré majú na jeden zakrivený úsek jeden riadiaci bod a na dobovom hardvéri sa kreslili lacno. Obsahuje aj hinting: malé programy vo vnútri písma, ktoré zarovnávajú kmene a oblúky na pixelovú mriežku, takže text zostáva ostrý aj na obrazovkách s nízkym rozlíšením. Prípona .ttf dodnes označuje písma s týmito kvadratickými obrysmi.

OpenType, ktorý Microsoft a Adobe oznámili v roku 1996, je skôr obal než nový druh obrysov. Môže obsahovať obrysy TrueType alebo obrysy PostScript uložené v tabuľke CFF, ktoré používajú kubické krivky s dvoma riadiacimi bodmi na úsek. Okolo obrysov pridáva tabuľky rozloženia pre pokročilú typografiu: štandardné a voliteľné ligatúry, kapitálky, nepravé číslice, štylistické sady, kontextové alternatívy a kerning. Podľa zvyku sa OpenType písmo založené na CFF ukladá ako .otf, kým OpenType s obrysmi TrueType si ponecháva príponu .ttf.

WOFF a WOFF2 sú obaly vytvorené pre web. WOFF vznikol ako návrh v roku 2009 a v roku 2012 sa stal odporúčaním W3C; každú tabuľku písma komprimuje pomocou zlib. WOFF2 sa stal odporúčaním W3C v roku 2018, prešiel na Brotli a najprv predspracuje údaje o glyfoch, vďaka čomu je zvyčajne asi o 30 % menší než WOFF. Obraz dopĺňajú tri vedľajšie formáty. EOT bol vlastný webový formát Internet Exploreru, písma SVG boli skorou náhradou len pre Safari a variabilné písma, pridané v OpenType 1.8 v roku 2016, zabalia celý rozsah hrúbok či šírok do jedného súboru.

Nainštalujte TTF alebo OTF a nerobte si starosti, ktorý z nich. Windows 10 a 11 nainštalujú oba pravým tlačidlom a voľbou Install, macOS ich otvorí vo Font Book a desktopy Linuxu ich načítajú z ~/.local/share/fonts po obnovení vyrovnávacej pamäte písem. Word, Photoshop, desktopová aplikácia Figma, Affinity aj LibreOffice čítajú oba. Ak vám dizajnér pošle tú istú rodinu v oboch variantoch, OTF je zvyčajne verzia, v ktorej písmo navrhol jeho autor, a TTF je konverzia pre staršie programy.

Prípadov, kde rozdiel záleží, je málo. Niektoré programy pre rezacie stroje a vyšívanie, herné enginy a knižnice displejov pre mikrokontroléry rozumejú iba obrysom TrueType, takže OTF založené na CFF tam vyzerá pokazene a treba ho previesť z OTF do TTF. Opačne, nič na desktope neinštaluje WOFF ani WOFF2 priamo: tieto súbory sú zabalené pre prehliadače. Z jednej rodiny inštalujte iba jednu verziu, pretože TTF a OTF s rovnakým interným názvom miatnu ponuky písem a aplikácie môžu vybrať nesprávne.

Každá aktuálna verzia Chrome, Edge, Firefoxu a Safari číta WOFF2, takže by mal byť prvým a často jediným zdrojom vo vašom pravidle @font-face. Riadok s WOFF pridajte až za neho, len ak vaša analytika stále ukazuje prehliadače spred približne roku 2016, napríklad staré Android WebView alebo prehliadače vstavané v televízoroch. Prehliadač prechádza zoznam src v poradí a stiahne prvý formát, ktorý podporuje, takže záloha nestojí moderných návštevníkov nič. Ak už máte desktopový súbor TrueType, TTF do WOFF vytvorí túto zálohu na jeden krok.

Na webe sa vyhnite surovému TTF či OTF, pokiaľ vás k tomu nenúti platforma, ako to robia niektoré nástroje na e-maily a staršie redakčné systémy. Prehliadače ich zobrazia v poriadku, ale súbory sa prenášajú nekomprimované, ak váš server písma negzipuje, a každému tak dáte hotovú kópiu na inštaláciu do počítača. Riadok font-display: swap nižšie prikazuje prehliadaču zobraziť text hneď v náhradnom písme a vaše písmo vymeniť, keď sa načíta, namiesto skrývania textu až na 3 sekundy počas čakania.

Súbory hosťujte, ak sa dá, na vlastnej doméne. Chrome, Safari a Firefox už rozdeľujú vyrovnávacie pamäte podľa webu, takže písmo stiahnuté zo spoločného CDN sa medzi webmi už nepoužije znova a vlastný hosting ušetrí vyhľadanie DNS a nadviazanie spojenia. <link rel="preload"> pridajte len pre jednu či dve hrúbky použité v hornej časti stránky; predbežné načítanie každého štýlu súťaží s obrázkami o šírku pásma.

Jedna hrúbka latinského textového písma uložená ako WOFF2 zvyčajne váži 20–60 KB. To isté písmo ako nekomprimované TTF je často dva- až trikrát väčšie a rodina, ktorá pokrýva aj gréčtinu, azbuku a vietnamčinu, môže presiahnuť 200 KB na štýl. Čínske, japonské a kórejské písma sú úplne iná mierka: plná hrúbka CJK obsahuje desaťtisíce glyfov a zvyčajne má niekoľko megabajtov aj po kompresii WOFF2, čo je príliš veľa na načítanie skôr, než stránka zobrazí text.

Vytvorenie podmnožiny odstráni znaky, ktoré stránka nikdy nepoužije, a unicode-range hovorí prehliadaču, aké znaky súbor pokrýva, takže ho stiahne, len keď ich stránka naozaj obsahuje. Google Fonts presne to využíva pri CJK a každú rodinu rozreže na mnoho malých častí načítavaných podľa potreby. Pri vlastných písmach možnosť Ponechať znaky v konvertore písiem zmenší súbor na Latin + accents alebo Len znaky, ktoré napíšem, ešte než sa dostane na váš server; Všetky znaky ponechajte pre všetko, čo inštalujete do počítača.

TTF na OTF a naspäť je pri písmach typu TrueType len zmena kontajnera: tabuľka obrysov, metriky aj funkcie rozloženia sa presunú nedotknuté. Zaujímavý je prípad OTF založeného na CFF prevádzaného do TTF. Kubické krivky sa nedajú skopírovať do formátu s kvadratickými obrysmi, preto sa každá krivka prekreslí ako jeden či viac kvadratických úsekov s toleranciou omnoho menšou než pixel. Ani hinty PostScript sa nedajú preložiť, preto nástroj OTF do TTF ponúka Hinting ako Ponechať, Odstrániť alebo Automatické hinty.

Najčastejšia konverzia je z webu späť na desktop. Stiahnete šablónu alebo dizajnový balík, nájdete len súbory .woff alebo .woff2 a písmo potrebujete vo Worde či Figme. WOFF do TTF odstráni kompresiu a zapíše pôvodné tabuľky späť, takže glyfy, kerning aj funkcie vyjdú rovnaké, ako vošli. Nezískate späť to, čo webová verzia už vynechala, napríklad znaky odstránené vytvorením podmnožiny alebo hinty odstránené kvôli úspore bajtov.

Väčšina problémov s konverziou pramení z troch vecí: hintingu, funkcií rozloženia a variabilných osí. Zoznam nižšie uvádza príznaky, ktorých si po konverzii pravdepodobne všimnete, a obvyklú príčinu každého z nich.

Súbor písma je malá databáza a tri jeho časti odpovedajú na väčšinu otázok. Tabuľka name obsahuje názov rodiny, názov štýlu, verziu, riadok o autorských právach a často URL licencie; macOS Font Book ju ukazuje v zobrazení informácií a ukážka písma vo Windowse zobrazí prvé riadky. Pokrytie glyfov hovorí, v akých jazykoch môže písmo sádzať: čisto latinské písmo ticho prejde na iné písmo pri poľských, tureckých či vietnamských znakoch, ktoré mu chýbajú. Pri variabilnom písme tabuľka fvar uvádza jeho osi, napríklad hrúbku od 100 do 900 alebo šírku od 75 do 125.

Licencovanie stojí za jeden pohľad, kým niečo pôjde online. Komerčné štúdiá často predávajú osobitné licencie pre desktop, web a aplikácie a desktopová licencia zvyčajne pokrýva inštaláciu na určitý počet počítačov, ale nie poskytovanie súboru návštevníkom webu ani jeho zabalenie do mobilnej aplikácie. Konverzia mení formát súboru, nikdy licenciu, takže WOFF2 vytvorený z desktopového TTF má rovnaké podmienky ako TTF. Písma pod licenciou SIL Open Font License, ktorá pokrýva väčšinu Google Fonts, možno prevádzať, vytvárať z nich podmnožiny a hosťovať ich u seba.

Väčšina otázok o písmach sa scvrkáva na to, kde súbor bude žiť. Ak sa inštaluje do počítača alebo balí do aplikácie, použite TrueType alebo OpenType; ak ho sťahuje prehliadač, použite komprimované webové obaly. Tabuľka priraďuje bežným úlohám formát a konverziu, ktorá k nemu vedie, takže môžete preskočiť históriu a ísť rovno k súboru, ktorý potrebujete.

Dve úlohy ležia medzi kategóriami. EPUB 3 prijíma TTF, OTF aj WOFF, takže e-knihy môžu používať obe rodiny formátov, a súbory písem SVG patria do rovnakej línie ako vektorová grafika, ale dnes sú dôležité hlavne pre niektorý softvér plotrov a gravírovania, nie pre prehliadače.