TTF vs OTF vs WOFF: watter lettertipeformaat om te kies
Installeer TTF of OTF op u rekenaar, en bedien WOFF2 op u webwerf. TrueType en OpenType is die rekenaarformate wat elke bedryfstelsel lees. WOFF en WOFF2 bevat dieselfde lettertipedata, maar saamgepers vir aflaai. Blaaiers verkies WOFF2 omdat dit sowat 30% kleiner is.
Watter lettertipe-formaat moet ek gebruik: TTF, OTF, WOFF of WOFF2?
Installeer TTF of OTF op 'n rekenaar; albei werk op Windows, macOS en Linux. Vir 'n webwerf, bedien eers WOFF2 en WOFF slegs as terugval. Rou TTF- of OTF-lêers op 'n webbladsy is 2–3 keer swaarder as wat nodig is.
TrueType, OpenType, WOFF en WOFF2 eenvoudig verduidelik
TrueType is die oudste van die vier. Apple het dit in 1991 met System 7 uitgereik en Microsoft het dit die volgende jaar vir Windows 3.1 aanvaar. 'n TrueType-lettertipe beskryf elke letter met kwadratiese krommes, wat een kontrolepunt per kromsegment het en goedkoop was om op vroeë hardeware te teken. Dit bevat ook wenke (hinting): klein programme binne die lettertipe wat stamme en krommes op die pikselrooster skuif, sodat teks skerp bly op lae-resolusie-skerms. Die .ttf-uitbreiding dui steeds lettertipes met hierdie kwadratiese omlyne aan.
OpenType, in 1996 deur Microsoft en Adobe aangekondig, is 'n omhulsel eerder as 'n nuwe soort omlyn. Dit kan TrueType-omlyne of PostScript-omlyne bevat wat in 'n CFF-tabel gestoor word en kubiese krommes met twee kontrolepunte per segment gebruik. Rondom daardie omlyne voeg dit uitlegtabelle vir gevorderde tipografie by: standaard en diskresionêre ligature, kleinhoofletters, ou-styl syfers, stilistiese stelle, kontekstuele alternatiewe en kerning. Volgens konvensie word 'n CFF-gebaseerde OpenType-lettertipe as .otf gestoor, terwyl 'n OpenType-lettertipe met TrueType-omlyne die .ttf-uitbreiding hou.
WOFF en WOFF2 is omhulsels wat vir die web gebou is. WOFF is in 2009 opgestel en het in 2012 'n W3C-aanbeveling geword; dit pers elke lettertipetabel met zlib saam. WOFF2 het in 2018 'n W3C-aanbeveling geword, het na Brotli oorgeskakel en verwerk eers die glifdata vooraf, wat dit tipies ongeveer 30% kleiner as WOFF maak. Drie sybasformate voltooi die prentjie. EOT was Internet Explorer se eie webformaat, SVG-lettertipes was 'n vroeë noodoplossing net vir Safari, en veranderlike lettertipes, in 2016 by OpenType 1.8 gevoeg, pak 'n hele reeks gewigte of wydtes in een lêer.
1991
TrueType
Apple lewer kwadratiese omlyne en wenke met System 7; Windows 3.1 volg in 1992.
1996
OpenType
Microsoft en Adobe kondig een houer aan vir TrueType- of CFF-omlyne, plus uitleglêers.
2012
WOFF 1.0
In 2009 opgestel, word dit 'n W3C-aanbeveling: dieselfde tabelle, met zlib saamgepers.
2016
Veranderlike lettertipes
OpenType 1.8 laat een lêer deurlopende gewig-, wydte- of skuinsasse bevat.
2018
WOFF2
W3C-aanbeveling wat Brotli gebruik; tipies ongeveer 30% kleiner as WOFF.
Watter formaat om op u rekenaar te installeer
Installeer TTF of OTF en moenie bekommerd wees oor watter een nie. Windows 10 en 11 installeer albei met 'n regsklik en Install, macOS maak albei in Font Book oop, en Linux-lessenaars optel hulle uit ~/.local/share/fonts sodra die lettertipe-kas verfris. Word, Photoshop, Figma se lessenaartoepassing, Affinity en LibreOffice lees albei. As 'n ontwerper dieselfde familie in albei variante stuur, is die OTF gewoonlik die weergawe waarin die lettertipe-ontwerper geteken het, en die TTF 'n omskakeling vir ouer sagteware.
Die gevalle waar die verskil saak maak, is beperk. Sommige snymasjien- en borduurprogramme, speletjie-enjins en mikrobeheerder-vertoonbiblioteke verstaan net TrueType-omlyne, so 'n CFF-gebaseerde OTF lyk daar stukkend en moet OTF na TTF omgeskakel word. Andersom installeer niks op 'n lessenaar WOFF of WOFF2 direk nie: daardie lêers is vir blaaiers gepak. Installeer net een weergawe van 'n familie, want 'n TTF en 'n OTF met dieselfde interne naam verwar lettertipe-kieslyste en toepassings kan die verkeerde een kies.
- TrueType Collection.ttc · lettertipe-versameling · .otc
- 'n Enkele lêer wat verskeie lettertipes bevat, gewoonlik die style of taalvariante van een familie, en hulle laat identiese glifte deel om spasie te bespaar. Windows en macOS installeer elke lettertipe daarin gelyktydig; stelsel-CJK-families soos Noto Sans CJK word dikwels so versprei. Versamelings gebou op CFF-omlyne gebruik soms eerder die
.otc-uitbreiding.
Watter formaat om op 'n webwerf te gebruik
Elke huidige weergawe van Chrome, Edge, Firefox en Safari lees WOFF2, so dit behoort die eerste en dikwels die enigste bron in jou @font-face-reël te wees. Voeg 'n WOFF-reël daarna by slegs as jou analise nog blaaiers van voor ongeveer 2016 wys, soos ou Android WebViews of ingebedde TV-blaaiers. 'n Blaaier loop die src-lys in volgorde deur en laai die eerste formaat af wat dit ondersteun, wat beteken die terugval kos moderne besoekers niks. As jy reeds die lessenaar-TrueType-lêer het, lewer TTF na WOFF daardie terugval in een slag.
Moenie rou TTF of OTF op 'n webwerf bedien nie, tensy 'n platform jou dwing, soos sommige e-pos-bouers en ouer inhoudstelsels. Blaaiers wys hulle goed, maar die lêers reis ongekompakteer tensy jou bediener lettertipes gzip, en hulle gee enigiemand 'n gereed-om-te-installeer lessenaarkopie. Die font-display: swap-reël hieronder sê vir die blaaier om teks dadelik in 'n terugvallettertipe te wys en joune in te ruil sodra dit aankom, in plaas daarvan om teks tot 3 sekondes te versteek terwyl dit wag.
Gasheer die lêers op jou eie domein waar moontlik. Chrome, Safari en Firefox verdeel nou hul kas per webwerf, so 'n lettertipe van 'n gedeelde CDN word nie meer oor webwerwe hergebruik nie, en self-gasheer spaar 'n DNS-opsoeking en verbinding. Voeg <link rel="preload"> net by vir die een of twee gewigte wat bokant die vou gebruik word; om elke styl vooraf te laai, meeding met jou beelde om bandwydte.
@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;
}Tipiese lêergroottes van lettertipes, en waarom subsetting saak maak
'n Enkele Latynse tekstgewig as WOFF2 gestoor weeg tipies 20–60 KB. Dieselfde lettertipe as ongekompakteerde TTF is dikwels twee tot drie keer groter, en 'n familie wat ook Grieks, Cyrillies en Viëtnamees dek, kan 200 KB per styl oorskry. Chinese, Japannese en Koreaanse lettertipes is 'n heeltemal ander skaal: 'n volle CJK-gewig bevat tienduisende glifte en beloop gewoonlik etlike megagrepe selfs ná WOFF2-kompressie, wat veel te veel is om te laai voordat 'n bladsy sy teks kan wys.
Subsetting verwyder die karakters wat 'n bladsy nooit gebruik nie, en unicode-range sê vir die blaaier watter karakters 'n lêer dek, sodat dit daardie lêer net aflaai as die bladsy dit werklik bevat. Google Fonts gebruik presies dit vir CJK deur elke familie in baie klein skywe te sny wat op aanvraag laai. Vir jou eie lettertipes sny die Behou karakters-opsie in die lettertipe-omskakelaar 'n lêer tot Latin + accents of Slegs karakters wat ek tik voordat dit jou bediener bereik; hou Alle karakters vir alles wat jy op 'n rekenaar installeer.
- Tipiese Latynse tekstgewig as WOFF2
- 20–60 KB
- Tipiese WOFF2-besparing bo WOFF
- ≈ 30%
- Tipiese volle CJK-gewig, selfs as WOFF2
- Etlike MB
Tussen lettertipeformate omskakel, en wat daarby verlore gaan
TTF na OTF en terug is 'n houerverandering vir TrueType-lettertipes: die omlyntabel, metrieke en uitlegkenmerke skuif ongeskonde oor. Die interessante geval is 'n CFF-gebaseerde OTF wat na TTF gaan. Kubiese krommes kan nie in 'n kwadratiese omlynformaat gekopieer word nie, so elke kromme word as een of meer kwadratiese segmente herteken binne 'n toleransie veel kleiner as 'n piksel. Die PostScript-wenke kan ook nie vertaal word nie, daarom bied die OTF-na-TTF-hulpmiddel Hinting as Keep, Remove of Outo-wenke aan.
Van web terug na lessenaar is die algemeenste omskakeling. Jy laai 'n tema of ontwerpstel af, vind net .woff- of .woff2-lêers, en het die lettertipe in Word of Figma nodig. WOFF na TTF verwyder die kompressie en skryf die oorspronklike tabelle terug uit, sodat glifte, kerning en kenmerke dieselfde uitkom as wat ingegaan het. Wat jy nie kan herwin nie, is alles wat die webweergawe reeds weggelaat het, soos karakters wat deur subsetting verwyder is of wenke wat gestroop is om grepe te bespaar.
Die meeste omskakelingsprobleme spoor terug na drie dinge: wenke, uitlegkenmerke en veranderlike asse. Die lys hieronder dek die simptome wat jy waarskynlik ná omskakeling sal opmerk en die gewone oorsaak agter elkeen.
Klein teks lyk vaag of ongelyk op Windows ná omskakeling
Die oorspronklike wenke is verwyder of kon nie oordra nie. Skakel weer om met Hinting op Outo-wenke; op Retina- en foonskerms is die verskil selde sigbaar.
Ligature, kleinhoofletters of stilistiese stelle werk nie meer nie
Die toepassing wys dalk nie OpenType-kenmerke nie, of 'n subsetting-stap het die alternatiewe glifte weggelaat waarna daardie kenmerke wys. Skakel die oorspronklike lêer om met Alle karakters en kyk of jou toepassing 'n tipografie- of OpenType-paneel het.
'n Veranderlike lettertipe wys nou net een gewig
Sommige hulpmiddels maak 'n veranderlike lettertipe plat tot 'n enkele statiese instansie. Behou die veranderlike bron en kyk of die resultaat 'n aslys het voordat jy die oorspronklike uitvee.
Die omgeskakelde lettertipe verskyn twee keer in die lettertipe-kieslys
Albei weergawes deel dieselfde interne familienaam. Deïnstalleer die ou lêer, of stel 'n nuwe Familienaam onder Gevorderde instellings voordat jy omskakel.
'n Lettertipe nagaan voordat u dit gebruik of omskakel
'n Lettertipelêer is 'n klein databasis, en drie dele daarvan beantwoord die meeste vrae. Die name-tabel bevat die familienaam, stylnaam, weergawe, kopieregreël en dikwels 'n lisensie-URL; macOS Font Book wys dit onder die inligtingsaansig, en die Windows-lettertipevoorskou wys die eerste reëls. Glifdekking sê vir jou watter tale die lettertipe kan setel: 'n lettertipe met net Latyn val stilweg terug op 'n ander lettertipe vir Poolse, Turkse of Viëtnamese karakters wat dit mis. Vir 'n veranderlike lettertipe lys die fvar-tabel sy asse, soos gewig van 100 tot 900 of wydte van 75 tot 125.
Lisensiëring is een blik werd voordat enigiets aanlyn gaan. Kommersiële gietery verkoop dikwels aparte lessenaar-, web- en toepassinglisensies, en 'n lessenaarlisensie dek gewoonlik installering op 'n bepaalde getal rekenaars, maar nie om die lêer aan webwerfbesoekers te bedien of in 'n mobiele toepassing te bundel nie. Om 'n lettertipe om te skakel verander sy lêerformaat, nooit sy lisensie nie, so 'n WOFF2 wat van 'n lessenaar-TTF gemaak is, dra dieselfde voorwaardes as die TTF. Lettertipes onder die SIL Open Font License, wat die meeste van Google Fonts dek, mag omgeskakel, gesubset en self-gasheer word.
- Familie- en stylname lees korrek in die
name-tabel - Die weergawenommer pas by die vrystelling wat jy bedoel het om te gebruik
- Elke taal wat jou teks gebruik, het sy aksent- en spesiale karakters
- 'n Veranderlike lettertipe lys steeds sy gewig- of wydte-asse
- Die lisensie dek die gebruik: lessenaar, webwerf, toepassing of inbedding in dokumente
Besluitnemingstabel: die regte lettertipeformaat vir elke taak
Die meeste lettertipe-vrae kom neer op waar die lêer gaan woon. As dit op 'n rekenaar geïnstalleer of in 'n toepassing gepak word, gebruik TrueType of OpenType; as 'n blaaier dit aflaai, gebruik die saamgeperste webomhulsels. Die tabel koppel algemene take aan die formaat om te kies en die omskakeling wat jou daar bring, sodat jy die geskiedenis kan oorslaan en direk na die lêer gaan wat jy nodig het.
Twee take sit tussen die kategorieë. EPUB 3 aanvaar TTF, OTF en WOFF, so e-boeke kan enige van die formaatfamilies gebruik, en SVG-lettertipelêers behoort tot dieselfde geslag as vektorgrafika maar is vandag hoofsaaklik belangrik vir sommige plotter- en graveersagteware eerder as vir blaaiers.
| Taak | Formaat om te gebruik | As jy net die volgende het | Skakel om |
|---|---|---|---|
| Installeer op Windows, macOS of Linux | TTF of OTF | WOFF of WOFF2 | WOFF → TTF |
| Sagteware wat jou OTF verwerp | TTF | CFF-gebaseerde OTF | OTF → TTF |
| Self-gasheer-webwerflettertipe | WOFF2 | TTF of OTF | TTF → WOFF2 |
| Terugval vir baie ou blaaiers | WOFF | TTF | TTF → WOFF |
| Chinese, Japannese of Koreaanse webwerf | Gesubsette WOFF2-skywe | Volle TTF of OTF | Subset, dan WOFF2 |
| Verskeie gewigte in een lêer | Veranderlike TTF of WOFF2 | Veranderlike TTF | Behou asse tydens omskakeling |
| E-boek (EPUB 3) | TTF, OTF of WOFF | WOFF2 | WOFF2 → TTF |
Belangrikste punte
- Installeer TTF of OTF op 'n rekenaar; albei werk op Windows, macOS en Linux.
- Bedien eers WOFF2 op 'n webwerf, voeg WOFF net vir baie ou blaaiers by, en stel font-display: swap.
- WOFF en WOFF2 is saamgeperste omhulsels, so omskakeling daarna verander die aflaaigrootte, nie die letters nie.
- Subset volgens skrif en unicode-range; dit maak die meeste saak vir CJK-lettertipes wat etlike megagrepe beloop.
- Omskakeling verander die lêerformaat, nooit die lisensie nie, en kan wenke of veranderlike asse verloor as jy nie versigtig is nie.
Gereelde vrae
Het OTF beter kwaliteit as TTF?
Nie op enige manier wat jy by normale groottes kan sien nie. Kubiese en kwadratiese krommes kan dieselfde lettervorms beskryf, en albei formate dra dieselfde OpenType-kenmerke. OTF-lêers is dikwels die ontwerper se oorspronklike tekening, wat die enigste praktiese rede is om hulle te verkies.
Waarom kom 'n afgelaaide lettertipe as 'n ZIP met TTF, WOFF en WOFF2 daarin?
Die verkoper gee jou een lêer vir elke taak. Installeer die TTF op jou rekenaar en laai die WOFF2, plus die WOFF as jy 'n terugval wil hê, na jou webwerf op.
Werk WOFF2 in e-pos?
Net gedeeltelik. Apple Mail en iOS Mail laai webletters vanaf 'n gekoppelde style-blad, terwyl Gmail en Outlook op Windows eie lettertipes ignoreer en die terugval wys, so eindig jou font-family-lys altyd met 'n veilige stelsellettertipe.
Kan ek 'n TTC-lêer op 'n webwerf gebruik?
Nie direk nie. Blaaiers verwag een lettertipe per lêer, so trek die individuele lettertipes uit die versameling uit en skakel elkeen na WOFF2 om.
Vervang veranderlike lettertipes aparte lêers vir elke gewig?
Dikwels, ja. 'n Veranderlike WOFF2 wat gewigte 100 tot 900 dek, is gewoonlik kleiner as vier of meer statiese gewigte saam, en elke huidige blaaier ondersteun dit. As jy net een of twee gewigte gebruik, kan statiese lêers nog ligter wees.
Is dit nog die moeite werd om EOT- en SVG-lettertipes te genereer?
Selde. EOT maak net saak vir Internet Explorer 8 en ouer, en SVG-lettertipes word deur huidige Chrome en Firefox geïgnoreer, so hulle is net die moeite werd vir ouer stelsels of vir sagteware wat hulle lees.
Lees verder
PNG na SVG omskakel: logo's, ikone en lynwerk natrek
'n PNG word net deur natrek 'n egte SVG. Lees watter beelde werk, hoe om voor te berei, watter kleur- en drempelwaardes en hoe om paaie te toets.
Jonas Weber · 4 Okt. 2026 · 12 min lees
STL vs OBJ vs 3MF: watter 3D-lêerformaat moet u gebruik?
STL stoor net driehoeke, OBJ voeg UV's en materiale via 'n .mtl-lêer by, en 3MF pak eenhede, kleur en drukinstellings in een ZIP. Wanneer pas elkeen?
Jonas Weber · 2 Sep. 2026 · 12 min lees
ZIP vs RAR vs 7z: watter argiefformaat moet u gebruik?
ZIP gaan oral oop, 7z pers die kleinste en verberg lêername, RAR het herstelrekords. Vergelyk saampersing, enkripsie, stelsels en limiete.
Lucas Ferreira · 27 Sep. 2026 · 11 min lees