TTF, OTF vagy WOFF: mit telepítsen, mit tegyen a webre?

A TrueType a négy közül a legrégebbi. Az Apple 1991-ben adta ki a System 7-tel, a Microsoft pedig a következő évben vette át a Windows 3.1-hez. A TrueType betűtípus minden betűt másodfokú görbékkel ír le, amelyeknek ívenként egy vezérlőpontjuk van, és a korai hardveren olcsón lehetett őket megrajzolni. Hintelést is tartalmaz: apró programokat a betűtípusban, amelyek a szárakat és íveket a pixelrácsra igazítják, így a szöveg alacsony felbontású képernyőn is éles marad. A .ttf kiterjesztés ma is az ilyen másodfokú körvonalú betűtípusokat jelöli.

Az OpenType-ot a Microsoft és az Adobe jelentette be 1996-ban; ez egy csomagoló formátum, nem új típusú körvonal. Tartalmazhat TrueType körvonalakat vagy CFF táblában tárolt PostScript körvonalakat, amelyek harmadfokú, ívenként két vezérlőpontos görbéket használnak. A körvonalak köré elrendezési táblákat tesz a fejlett tipográfiához: általános és választható ligatúrákat, kiskapitálist, mediävál számokat, stíluskészleteket, kontextuális alternatívákat és kerninget. Megegyezés szerint a CFF-alapú OpenType betűtípust .otf néven mentik, a TrueType körvonalú OpenType megtartja a .ttf kiterjesztést.

A WOFF és a WOFF2 a webre készült csomagoló formátumok. A WOFF-ot 2009-ben tervezték, 2012-ben W3C-ajánlás lett; minden betűtípustáblát zlibbel tömörít. A WOFF2 2018-ban lett W3C-ajánlás, Brotlira váltott, és előbb előfeldolgozza a glifaadatokat, ezért jellemzően körülbelül 30%-kal kisebb a WOFF-nál. Három mellékformátum egészíti ki a képet. Az EOT az Internet Explorer saját webes formátuma volt, az SVG-betűtípusok egy korai, csak Safariban működő átmeneti megoldás, a változó betűtípusok pedig, amelyeket az OpenType 1.8 hozott 2016-ban, a vastagságok vagy szélességek egész skáláját egyetlen fájlba csomagolják.

Telepítse a TTF-et vagy az OTF-et, és ne aggódjon, melyik az. A Windows 10 és 11 jobb kattintással és az Install (Telepítés) paranccsal mindkettőt telepíti, a macOS a Font Bookban nyitja meg mindkettőt, a Linux asztali környezetek pedig a ~/.local/share/fonts mappából veszik fel őket, miután a betűtípus-gyorsítótár frissül. A Word, a Photoshop, a Figma asztali alkalmazása, az Affinity és a LibreOffice egyaránt olvassa mindkettőt. Ha egy tervező ugyanabból a családból mindkét változatot elküldi, az OTF többnyire az, amelyben a betűtervező rajzolt, a TTF pedig régebbi szoftverekhez készült átalakítás.

Azok az esetek, ahol a különbség számít, szűk körűek. Egyes vágógép- és hímzőprogramok, játékmotorok és mikrokontroller-kijelzőkönyvtárak csak a TrueType körvonalakat értik, így egy CFF-alapú OTF ott hibásnak látszik, és az OTF TTF-be konvertálása szükséges. A másik irányban asztali gépen semmi sem telepít közvetlenül WOFF vagy WOFF2 fájlt: ezeket böngészőknek csomagolták. Egy családnak csak az egyik változatát telepítse, mert az azonos belső nevű TTF és OTF összezavarja a betűtípus-menüket, és az alkalmazások a rosszat választhatják.

A Chrome, az Edge, a Firefox és a Safari minden jelenlegi verziója olvassa a WOFF2-t, ezért ennek kell az első, gyakran az egyetlen forrásnak lennie az @font-face szabályban. WOFF sort csak akkor tegyen utána, ha az analitikája még mutat nagyjából 2016 előtti böngészőket, például régi Android WebView-kat vagy beágyazott tévéböngészőket. A böngésző sorban végigmegy a src listán, és az első általa támogatott formátumot tölti le, így a tartalék semmibe sem kerül a modern látogatóknak. Ha már megvan az asztali TrueType fájl, a TTF WOFF-ba egy lépésben elkészíti ezt a tartalékot.

Kerülje a nyers TTF vagy OTF kiszolgálását, hacsak egy platform nem kényszeríti, ahogy egyes e-mailszerkesztők és régebbi tartalomkezelők teszik. A böngészők rendben megjelenítik őket, de a fájlok tömörítetlenül utaznak, hacsak a szerver nem gzipeli a betűtípusokat, és bárkinek telepítésre kész asztali másolatot adnak. Az alábbi font-display: swap sor azt mondja a böngészőnek, hogy a szöveget azonnal tartalék betűtípussal jelenítse meg, és cserélje le, amint megérkezik az Öné, ahelyett hogy akár 3 másodpercig elrejtené a szöveget.

Ahol lehet, a saját domainjén tárolja a fájlokat. A Chrome, a Safari és a Firefox már webhelyenként particionálja a gyorsítótárát, így a megosztott CDN-ről letöltött betűtípust nem használják újra más webhelyeken, az önálló tárolás pedig megspórol egy DNS-lekérdezést és egy kapcsolatot. <link rel="preload"> elemet csak a hajtás feletti egy-két vastagsághoz adjon; ha minden stílust előtölt, versenyez a képekkel a sávszélességért.

Egyetlen latin szövegvastagság WOFF2-ként jellemzően 20–60 KB. Ugyanez a betűtípus tömörítetlen TTF-ként gyakran két-háromszor nagyobb, és az a család, amely görög, cirill és vietnami karaktereket is lefed, stílusonként meghaladhatja a 200 KB-ot. A kínai, japán és koreai betűtípusok egészen más nagyságrendet jelentenek: egy teljes CJK vastagság több tízezer glifát tartalmaz, és még WOFF2-tömörítéssel is általában több megabájt, ami túl sok ahhoz, hogy az oldal szövege megjelenhessen.

A részhalmazolás eltávolítja azokat a karaktereket, amelyeket az oldal sosem használ, az unicode-range pedig megmondja a böngészőnek, mely karaktereket fed le egy fájl, így az csak akkor tölti le, ha az oldal tényleg tartalmazza őket. A Google Fonts pontosan ezt használja a CJK-hoz, minden családot sok kis szeletre vágva, amelyek igény szerint töltődnek be. A saját betűtípusaihoz a betűtípus-átalakító Megtartott karakterek beállítása a fájlt Latin + accents vagy Csak a beírt karakterek értékre vágja, mielőtt a szerverére kerül; a számítógépre telepítettekhez hagyja a Minden karakter értéket.

A TTF–OTF átalakítás oda-vissza a TrueType-jellegű betűtípusoknál tárolóváltás: a körvonaltábla, a metrikák és az elrendezési funkciók érintetlenül átkerülnek. Az érdekes eset a CFF-alapú OTF átalakítása TTF-be. A harmadfokú görbék nem másolhatók másodfokú körvonalformátumba, ezért minden görbét egy vagy több másodfokú szakaszként rajzol újra a program, a pixelnél jóval kisebb tűréssel. A PostScript hintek sem fordíthatók le, ezért kínál az OTF–TTF eszköz Hinting beállítást Megtartás, Eltávolítás vagy Automatikus hintelés értékekkel.

A leggyakoribb átalakítás a webről vissza az asztalra. Letölt egy témát vagy tervezői készletet, csak .woff vagy .woff2 fájlokat talál, a betűtípusra pedig Wordben vagy Figmában van szüksége. A WOFF TTF-be eltávolítja a tömörítést, és visszaírja az eredeti táblákat, így a glifák, a kerning és a funkciók ugyanúgy jönnek ki, ahogy bementek. Azt nem lehet visszaállítani, amit a webes változat már elhagyott, például a részhalmazolással eltávolított karaktereket vagy a bájtok spórolására kivett hinteket.

A legtöbb átalakítási gond három dologra vezethető vissza: hintelésre, elrendezési funkciókra és változó tengelyekre. Az alábbi lista azokat a tüneteket tartalmazza, amelyeket átalakítás után valószínűleg észrevesz, és mindegyik szokásos okát.

A betűtípusfájl egy kis adatbázis, és három része a legtöbb kérdésre választ ad. A name tábla a családnevet, a stílusnevet, a verziót, a szerzői jogi sort és gyakran a licenc URL-jét tartalmazza; a macOS Font Book az információs nézetben mutatja, a Windows betűtípus-előnézete pedig az első sorokat. A glifalefedettség megmondja, mely nyelveket tudja szedni a betűtípus: a csak latin betűtípus csendben másik betűtípusra vált a hiányzó lengyel, török vagy vietnami karaktereknél. Változó betűtípusnál az fvar tábla sorolja fel a tengelyeket, például a 100-tól 900-ig terjedő vastagságot vagy a 75-től 125-ig terjedő szélességet.

A licencet érdemes egyszer megnézni, mielőtt bármi felkerül a netre. A kereskedelmi betűtípuskiadók gyakran külön asztali, webes és alkalmazáslicencet árulnak, és az asztali licenc általában meghatározott számú számítógépre telepítést engedélyez, de a fájl weblátogatóknak kiszolgálását vagy mobilalkalmazásba csomagolását nem. Az átalakítás a fájlformátumot változtatja meg, a licencet soha, így az asztali TTF-ből készült WOFF2 ugyanazokra a feltételekre vonatkozik, mint a TTF. Az SIL Open Font License alá eső betűtípusokat, amelyek a Google Fonts nagy részét lefedik, szabad átalakítani, részhalmazolni és saját szerverről kiszolgálni.

A legtöbb betűtípus-kérdés arra egyszerűsödik, hol fog élni a fájl. Ha számítógépre telepítik vagy alkalmazásba csomagolják, használjon TrueType-ot vagy OpenType-ot; ha böngésző tölti le, a tömörített webes formátumokat. A táblázat a gyakori feladatokat a választandó formátumhoz és az odavezető átalakításhoz rendeli, így átugorhatja a történetet, és rögtön a kellő fájlhoz léphet.

Két feladat a kategóriák között áll. Az EPUB 3 elfogadja a TTF, OTF és WOFF formátumot, így az e-könyvek bármelyik formátumcsaládot használhatják, az SVG-betűtípusfájlok pedig a vektorgrafika rokonai, de ma főleg egyes plotter- és gravírozószoftvereknél számítanak, böngészőknél nem.