UltKit

TTF, OTF ali WOFF: kateri format pisave izbrati | UltKit

Na računalnik namestite TTF ali OTF, na spletno stran pa naložite WOFF2. TrueType in OpenType sta namizna formata, ki ju bere vsak operacijski sistem; WOFF in WOFF2 vsebujeta iste podatke pisave, stisnjene za prenos, brskalniki pa imajo raje WOFF2, ker je približno 30 % manjši.

Jonas WeberJonas WeberUrednik spletne zmogljivosti
Posodobljeno 11 min branja
Police in predali, polni starih lesenih tiskarskih črk različnih velikosti in barv
Answer

Kateri format pisave naj uporabim: TTF, OTF, WOFF ali WOFF2?

Za računalnik namestite TTF ali OTF; oba delujeta v sistemih Windows, macOS in Linux. Za spletno stran najprej ponudite WOFF2, WOFF pa le kot rezervo. Neobdelane datoteke TTF ali OTF na spletni strani so 2–3-krat večje, kot bi morale biti.

TrueType, OpenType, WOFF in WOFF2 preprosto razloženi

TrueType je najstarejši od štirih. Apple ga je leta 1991 izdal s sistemom System 7, Microsoft pa ga je naslednje leto prevzel v sistemu Windows 3.1. Pisava TrueType opisuje vsako črko s kvadratnimi krivuljami, ki imajo na ukrivljen odsek eno kontrolno točko in so se na zgodnji strojni opremi poceni risale. Vsebuje tudi namigovanje (hinting): majhne programe v pisavi, ki poteze in krivulje poravnajo na pikselsko mrežo, da je besedilo na zaslonih z nizko ločljivostjo ostro. Končnica .ttf še vedno označuje pisave s takimi kvadratnimi obrisi.

OpenType, ki sta ga Microsoft in Adobe napovedala leta 1996, je ovoj in ne nova vrsta obrisov. Lahko vsebuje obrise TrueType ali obrise PostScript, shranjene v tabeli CFF, ki uporabljajo kubične krivulje z dvema kontrolnima točkama na odsek. Okoli teh obrisov dodaja tabele postavitve za napredno tipografijo: standardne in izbirne ligature, male kapitelke, starinske številke, slogovne nize, kontekstualne različice in kerning. Po dogovoru se OpenType pisava na osnovi CFF shrani kot .otf, OpenType pisava z obrisi TrueType pa obdrži končnico .ttf.

WOFF in WOFF2 sta ovoja, namenjena spletu. WOFF je nastal kot osnutek leta 2009 in leta 2012 postal priporočilo W3C; vsako tabelo pisave stisne z zlib. WOFF2 je priporočilo W3C postal leta 2018, preklopil je na Brotli in podatke o glifih najprej predobdela, zato je običajno približno 30 % manjši od WOFF. Sliko dopolnjujejo trije stranski formati. EOT je bil lasten spletni format Internet Explorerja, pisave SVG so bile zgodnja zasilna rešitev samo za Safari, spremenljive pisave, dodane v OpenType 1.8 leta 2016, pa v eno datoteko spravijo cel razpon debelin ali širin.

  1. 1991

    TrueType

    Apple s sistemom System 7 izda kvadratne obrise in namigovanje; Windows 3.1 sledi leta 1992.

  2. 1996

    OpenType

    Microsoft in Adobe napovesta en vsebnik za obrise TrueType ali CFF ter funkcije postavitve.

  3. 2012

    WOFF 1.0

    Osnutek iz leta 2009 postane priporočilo W3C: iste tabele, stisnjene z zlib.

  4. 2016

    Spremenljive pisave

    OpenType 1.8 omogoča, da ena datoteka vsebuje zvezne osi debeline, širine ali nagiba.

  5. 2018

    WOFF2

    Priporočilo W3C z uporabo Brotli; običajno približno 30 % manjši od WOFF.

Kateri format pisave namestiti na računalnik

Namestite TTF ali OTF in se ne sprašujte, katerega. Windows 10 in 11 oba namestita z desnim klikom in ukazom Install, macOS oba odpre v aplikaciji Font Book, namizja Linux pa ju poberejo iz ~/.local/share/fonts, ko se predpomnilnik pisav osveži. Word, Photoshop, namizna aplikacija Figma, Affinity in LibreOffice berejo oba. Če vam oblikovalec pošlje isto družino v obeh različicah, je OTF običajno različica, v kateri je pisavo narisal oblikovalec, TTF pa je pretvorba za starejšo programsko opremo.

Primeri, ko je razlika pomembna, so redki. Nekateri programi za rezalne stroje in vezenje, igralni pogoni in knjižnice za prikaz na mikrokrmilnikih razumejo samo obrise TrueType, zato OTF na osnovi CFF tam deluje napačno in ga je treba pretvoriti iz OTF v TTF. V nasprotni smeri nič na namizju ne namesti neposredno WOFF ali WOFF2: ti datoteki sta pripravljeni za brskalnike. Namestite samo eno različico družine, ker TTF in OTF z istim notranjim imenom zmedeta menije pisav in aplikacije lahko izberejo napačno.

TrueType Collection.ttc · zbirka pisav · .otc
Ena datoteka, ki hrani več pisav, običajno sloge ali jezikovne različice ene družine, in jim omogoča skupno rabo enakih glifov za prihranek prostora. Windows in macOS namestita vse pisave v njej naenkrat; sistemske družine CJK, kot je Noto Sans CJK, se pogosto distribuirajo tako. Zbirke na osnovi obrisov CFF včasih uporabljajo končnico .otc.
Vrste kovinskih tiskarskih črk, razvrščenih v majhne predelke lesenega predala tiskarske omarice
Fotografija: Unsplash

Kateri format pisave uporabiti na spletni strani

Vse trenutne različice brskalnikov Chrome, Edge, Firefox in Safari berejo WOFF2, zato naj bo prvi in pogosto edini vir v pravilu @font-face. Vrstico WOFF dodajte za njim samo, če vaša analitika še kaže brskalnike izpred približno 2016, na primer stare Android WebView ali brskalnike v televizorjih. Brskalnik preide seznam src po vrsti in prenese prvi format, ki ga podpira, zato rezerva sodobnih obiskovalcev nič ne stane. Če že imate namizno datoteko TrueType, TTF v WOFF ustvari to rezervo v enem koraku.

Neobdelanih TTF ali OTF na spletnem mestu ne ponujajte, razen če vas k temu prisili platforma, kot to počnejo nekateri urejevalniki e-pošte in starejši sistemi za vsebino. Brskalniki jih prikažejo brez težav, vendar datoteki potujeta nestisnjeni, razen če strežnik pisave stisne z gzip, poleg tega vsakomur ponudita pripravljeno namizno kopijo. Vrstica font-display: swap spodaj brskalniku naroči, naj besedilo takoj prikaže v nadomestni pisavi in jo zamenja z vašo, ko prispe, namesto da besedilo do 3 sekunde skriva.

Datoteke gostite na lastni domeni, kjer je mogoče. Chrome, Safari in Firefox zdaj predpomnilnike delijo po spletnih mestih, zato se pisava, prenesena iz skupnega CDN, ne uporablja več med spletnimi mesti, lastno gostovanje pa prihrani iskanje DNS in vzpostavitev povezave. <link rel="preload"> dodajte samo za eno ali dve debelini, uporabljeni v vidnem delu strani; prednalaganje vseh slogov tekmuje s slikami za pasovno širino.

@font-face z WOFF2 najprej, rezervo WOFF in swap
@font-face {
  font-family: "Source Serif";
  src: url("/fonts/source-serif-regular.woff2") format("woff2"),
       url("/fonts/source-serif-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201E, U+20AC;
}

Običajne velikosti datotek pisav in zakaj so podnabori pomembni

Ena debelina latiničnega besedila, shranjena kot WOFF2, običajno tehta 20–60 KB. Ista pisava kot nestisnjen TTF je pogosto dva- do trikrat večja, družina, ki pokriva tudi grščino, cirilico in vietnamščino, pa lahko preseže 200 KB na slog. Kitajske, japonske in korejske pisave so povsem drugo merilo: polna debelina CJK vsebuje deset tisoče glifov in običajno doseže več megabajtov tudi po stiskanju WOFF2, kar je veliko preveč za nalaganje, preden stran lahko prikaže besedilo.

Podmnožica (subsetting) odstrani znake, ki jih stran nikoli ne uporabi, unicode-range pa brskalniku pove, katere znake datoteka pokriva, da jo prenese le, ko stran te znake res vsebuje. Google Fonts točno to uporablja za CJK in vsako družino razreže na veliko majhnih kosov, ki se nalagajo po potrebi. Pri lastnih pisavah možnost Ohrani znake v pretvorniku pisav datoteko skrajša na Latin + accents ali Samo znaki, ki jih vnesem, preden pride na vaš strežnik; Vsi znaki pustite za vse, kar namestite na računalnik.

Običajna debelina latiničnega besedila kot WOFF2
20–60 KB
Običajen prihranek WOFF2 v primerjavi z WOFF
≈ 30%
Običajna polna debelina CJK, tudi kot WOFF2
Več MB

Pretvornik pisav: kaj se pri pretvorbi med formati pokvari

TTF v OTF in nazaj je pri pisavah v slogu TrueType sprememba vsebnika: tabela obrisov, metrika in funkcije postavitve se prenesejo nedotaknjene. Zanimiv primer je OTF na osnovi CFF, pretvorjen v TTF. Kubičnih krivulj ni mogoče kopirati v format s kvadratnimi obrisi, zato se vsaka krivulja znova nariše kot en ali več kvadratnih odsekov znotraj tolerance, veliko manjše od piksla. Tudi namigov PostScript ni mogoče prevesti, zato orodje OTF v TTF ponuja Namigovanje (hinting) kot Keep, Remove ali Samodejni namigi.

Pot s spleta nazaj na namizje je najpogostejša pretvorba. Prenesete temo ali komplet za oblikovanje, najdete samo datoteke .woff ali .woff2, pisavo pa potrebujete v Wordu ali Figmi. WOFF v TTF odstrani stiskanje in izvirne tabele zapiše nazaj, tako da so glifi, kerning in funkcije enaki kot na vhodu. Ne morete pa obnoviti tistega, kar je spletna različica že izgubila, na primer znakov, odstranjenih s podmnožico, ali namigov, odstranjenih za prihranek bajtov.

Večina težav pri pretvorbi izvira iz treh stvari: namigovanja, funkcij postavitve in spremenljivih osi. Spodnji seznam zajema simptome, ki jih boste verjetno opazili po pretvorbi, in običajni vzrok za vsakega.

  • Majhno besedilo je po pretvorbi v sistemu Windows videti zamegljeno ali neenakomerno

    Izvirni namigi so bili odstranjeni ali se niso prenesli. Pretvorite znova z nastavitvijo Namigovanje (hinting) na Samodejni namigi; na zaslonih Retina in telefonih je razlika redko vidna.

  • Ligature, male kapitelke ali slogovni nizi ne delujejo več

    Aplikacija morda ne podpira funkcij OpenType ali pa je korak podmnožice odstranil nadomestne glife, na katere se te funkcije sklicujejo. Pretvorite izvirno datoteko z možnostjo Vsi znaki in preverite, ali ima aplikacija ploščo za tipografijo ali OpenType.

  • Spremenljiva pisava zdaj kaže samo eno debelino

    Nekatera orodja spremenljivo pisavo sploščijo v en statičen primerek. Obdržite spremenljivi vir in pred brisanjem izvirnika v rezultatu preverite seznam osi.

  • Pretvorjena pisava se v meniju pisav pojavi dvakrat

    Obe različici imata isto notranje ime družine. Odstranite staro datoteko ali pred pretvorbo v razdelku Napredne nastavitve nastavite novo Ime družine.

Preverjanje pisave pred uporabo ali pretvorbo

Datoteka pisave je majhna zbirka podatkov in trije njeni deli odgovorijo na večino vprašanj. Tabela name vsebuje ime družine, ime sloga, različico, vrstico o avtorskih pravicah in pogosto URL licence; macOS Font Book jo pokaže v pogledu informacij, predogled pisav v sistemu Windows pa prikaže prve vrstice. Pokritost glifov pove, katere jezike lahko pisava postavi: pisava samo z latinico tiho preide na drugo pisavo za poljske, turške ali vietnamske znake, ki jih nima. Pri spremenljivi pisavi tabela fvar našteje njene osi, na primer debelino od 100 do 900 ali širino od 75 do 125.

Licenco je vredno pogledati, preden gre karkoli na splet. Komercialne ljevarne pogosto prodajajo ločene licence za namizje, splet in aplikacije, namizna licenca pa običajno pokriva namestitev na določeno število računalnikov, ne pa ponujanja datoteke obiskovalcem spletnega mesta ali vključitve v mobilno aplikacijo. Pretvorba pisave spremeni njen format, nikoli licence, zato ima WOFF2, narejen iz namiznega TTF, enake pogoje kot TTF. Pisave pod licenco SIL Open Font License, ki velja za večino Google Fonts, je dovoljeno pretvarjati, izdelati podmnožice in gostiti sami.

  • Imeni družine in sloga sta v tabeli name pravilno zapisani
  • Številka različice ustreza izdaji, ki ste jo želeli uporabiti
  • Vsak jezik v vašem besedilu ima naglašene in posebne znake
  • Spremenljiva pisava še vedno navaja osi debeline ali širine
  • Licenca pokriva uporabo: namizje, spletno mesto, aplikacijo ali vdelavo v dokumente

Tabela za odločitev: pravi format pisave za vsako nalogo

Večina vprašanj o pisavah se zvede na to, kje bo datoteka živela. Če je nameščena na računalniku ali v aplikaciji, uporabite TrueType ali OpenType; če jo prenese brskalnik, uporabite stisnjene spletne ovoje. Tabela povezuje pogosta opravila s formatom, ki ga izberite, in pretvorbo, ki vas pripelje do njega, tako da lahko zgodovino preskočite in greste naravnost k datoteki, ki jo potrebujete.

Dve opravili sta med kategorijama. EPUB 3 sprejema TTF, OTF in WOFF, zato lahko e-knjige uporabljajo katero koli družino formatov, datoteke pisav SVG pa spadajo v isto linijo kot vektorska grafika, vendar danes pomenijo predvsem nekaj programov za ploterje in graviranje, ne pa brskalnikov.

Kateri format pisave izbrati glede na opravilo
OpraviloFormat za uporaboČe imate samoPretvori
Namestitev v sistemu Windows, macOS ali LinuxTTF ali OTFWOFF ali WOFF2WOFF → TTF
Programska oprema, ki zavrača vaš OTFTTFOTF na osnovi CFFOTF → TTF
Pisava za lastno gostovano spletno mestoWOFF2TTF ali OTFTTF → WOFF2
Rezerva za zelo stare brskalnikeWOFFTTFTTF → WOFF
Kitajsko, japonsko ali korejsko spletno mestoKosi WOFF2 s podmnožicoPolni TTF ali OTFPodmnožica, nato WOFF2
Več debelin v eni datotekiSpremenljivi TTF ali WOFF2Spremenljivi TTFPri pretvorbi ohranite osi
E-knjiga (EPUB 3)TTF, OTF ali WOFFWOFF2WOFF2 → TTF

Ključne ugotovitve

  • Na računalnik namestite TTF ali OTF; oba delujeta v sistemih Windows, macOS in Linux.
  • Na spletnem mestu najprej ponudite WOFF2, WOFF dodajte samo za zelo stare brskalnike in nastavite font-display: swap.
  • WOFF in WOFF2 sta stisnjena ovoja, zato pretvorba vanju spremeni velikost prenosa, ne črk.
  • Podmnožice izdelajte po pisavi in unicode-range; najpomembneje je to pri pisavah CJK, ki dosežejo več megabajtov.
  • Pretvorba spremeni format datoteke, nikoli licence, in lahko izgubi namigovanje ali spremenljive osi, če niste previdni.
DeliXFacebookWhatsAppTelegram

Pogosta vprašanja

Ali je OTF kakovostnejši od TTF?

Ne na način, ki bi ga videli pri običajnih velikostih. Kubične in kvadratne krivulje lahko opišejo enake oblike črk, oba formata pa imata enake funkcije OpenType. Datoteke OTF so pogosto izvirna risba oblikovalca, kar je edini praktični razlog, da jim date prednost.

Zakaj prenesena pisava pride kot ZIP z datotekami TTF, WOFF in WOFF2?

Ponudnik vam daje po eno datoteko za vsako opravilo. TTF namestite na računalnik, WOFF2 pa naložite na spletno mesto, skupaj z WOFF, če želite rezervo.

Ali WOFF2 deluje v e-pošti?

Le delno. Apple Mail in iOS Mail naložita spletne pisave iz povezane slogovne datoteke, Gmail in Outlook v sistemu Windows pa lastne pisave ignorirata in pokažeta rezervo, zato seznam font-family vedno zaključite z varno sistemsko pisavo.

Ali lahko datoteko TTC uporabim na spletni strani?

Ne neposredno. Brskalniki pričakujejo eno pisavo na datoteko, zato iz zbirke izvlecite posamezne pisave in vsako pretvorite v WOFF2.

Ali variabilne pisave nadomestijo ločene datoteke za posamezne debeline?

Pogosto da. Spremenljivi WOFF2, ki pokriva debeline od 100 do 900, je običajno manjši od štirih ali več statičnih debelin skupaj in ga podpira vsak trenutni brskalnik. Če uporabljate le eno ali dve debelini, so statične datoteke lahko še vedno lažje.

Ali se še splača ustvarjati pisave EOT in SVG?

Redko. EOT je pomemben le za Internet Explorer 8 in starejše, pisave SVG pa trenutna Chrome in Firefox ignorirata, zato se jih splača izdelati le za starejše sisteme ali programe, ki jih berejo.

Berite naprej