TTF na WOFF2-omskakelaar
Wie 'n lettertipe self wil huisves, begin hier: WOFF2 is die formaat wat elke huidige blaaier eerste aflaai, en dit is die kleinste verpakking vir die TrueType-data wat u reeds het. Hierdie bladsy skryf ook die CSS-reël wat dit laai.
Lettertipe-omskakelaar
of los TTF, OTF, WOFF …-lêers hier ·
Maks. 95 MB per lêer· Tot 20 lêers· Uitgevee na 30 minute
Lêers word op ons bedieners verwerk en na 30 minute uitgevee.
Deur skrifte wat jy nie gebruik nie te verwyder, kan 'n webletterttipe van honderde KB tot onder 30 KB krimp. Behou alle karakters vir lettertipes wat jy op 'n rekenaar installeer.
Plak die teks of karakters wat die lettertipe moet dek, bv. 'n logowoord of 'n opskrif. Alles anders word verwyder.
Wenke maak klein teks skerper op Windows-skerms. Verwydering spaar dikwels 10–30% by webletterttipes; outo-wenke voeg hulle by lettertipes wat geen het nie.
Los leeg om die oorspronklike te behou. Hernoem laat jou toe om die omgeskakelde lettertipe langs die oorspronklike te installeer sonder konflik.
Bv. Regular, Bold, Italic. Los leeg om die oorspronklike stylnaam te behou.
Hoe om hierdie nutsding te gebruik
- 1
Laai die TTF-lêers op
Voeg elke gewig en styl by wat u beplan om te gebruik, tot 20 lêers van elk tot 95 MB. Veranderlike TTF's werk ook en behou hul asse.
- 2
Hou CSS aan en maak 'n substel waar moontlik
Sluit @font-face CSS in is reeds gemerk. Stel onder Gevorderde instellings die opsie Behou karakters op Basic Latin of Latin + aksente as u webwerf in 'n Westerse taal is, en oorweeg dit om Hinting op Verwyder te stel.
- 3
Skakel om na WOFF2
Druk Skakel om na WOFF2 en laai die fonte saam met die .css-lêer af. Laai albei op na u webwerf en skakel die style sheet in, of plak die reël in u eie.
Hoe skakel ek TTF na WOFF2 om vir my webwerf?
Laai die .ttf op, laat Sluit @font-face CSS in gemerk en druk Skakel om na WOFF2. U kry die .woff2-lêer plus 'n .css-lêer met 'n @font-face-reël wat daarna verwys.
Hoekom WOFF2 die webfont-formaat is om te gebruik
'n TTF is ongekomprimeerde tabeldata: omtrekke, maatstawwe, kerning, name. WOFF2, in 2018 as 'n W3C-aanbeveling gepubliseer, behou presies daardie tabelle maar stuur dit deur Brotli, die saampersingsalgoritme wat Google in 2015 vrygestel het, nadat die glyph-omtrekke eers herorganiseer is sodat dit beter saampers. Google se eie toetse het WOFF2 gemiddeld ongeveer 30% kleiner as die ouer WOFF-formaat gevind, en die blaaier herstel die oorspronklike fontdata ná aflaai, so niks aan die lettervorms verander nie.
Fonte blokkeer weergawe, wat hul grootte belangriker maak as wat die kilogrepe aandui. Totdat 'n webfont aankom, versteek die blaaier die teks of wys 'n terugval, en 'n laat omruiling kan die uitleg skuif. Kleiner lêers verklein daardie venster, en twee opsies hier verklein dit verder: Behou karakters verwyder glyphs wat u bladsye nooit wys nie, en Hinting op Verwyder los instruksies uit wat foon- en hoëdigtheidskerms in elk geval ignoreer. Hou die TTF-meesters vir lessenaargebruik; WOFF2 na TTF kan later 'n webfont uitpak, maar kan nie glyphs herstel wat 'n subset verwyder het nie.
TTF teenoor WOFF2: lêergrootte
TTF, volle karakterstel
100%
Ongekomprimeerde fonttabelle, soos op 'n lessenaar geïnstalleer
WOFF2, Basic Latin-subset
dikwels 10–25%
Brotli-saampersing plus minder glyphs; wissel volgens die font
Die @font-face-reël vir 'n WOFF2-lettertipe
@font-face {
font-family: "Brand Sans";
src: url("/fonts/brand-sans-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF;
}WOFF2-blaaierondersteuning, weergawe vir weergawe
2014
Chrome 36
Google se blaaier is die eerste wat WOFF2 by verstek dekodeer.
2015
Firefox 39
Mozilla aktiveer WOFF2-dekodering by verstek.
2016
Edge 14
Microsoft se oorspronklike Edge voeg WOFF2 by met die Windows 10 Anniversary Update.
2018
W3C-aanbeveling
Die spesifikasie is gefinaliseer; teen dan dekodeer Safari op macOS en iOS ook WOFF2.
TTF
TrueType-lettertipe
TTF is die TrueType-lettertipeformaat wat laat in die 1980's deur Apple ontwikkel en in 1991 vrygestel is, en daarna aan Microsoft gelisensieer is. Dit definieer glifomtrekke met kwadratiese krommes en bevat hinting-instruksies wat teks op skerms skerp laat lyk. TrueType word deur elke rekenaarbedryfstelsel, woordverwerker en ontwerpprogram ondersteun. Dit mis sommige gevorderde tipografiese kenmerke van OpenType en is groter as webLettertipe-formate.
- Kompressie
- Verliesloos
- Deursigtigheid
- –
- Animasie
- –
- Bekendgestel
- 1991 · Apple
WOFF2
Web Open Font Format 2
WOFF2 is die tweede weergawe van die Web Open Font Format, gebaseer op Google se Brotli-kompressie en in 2018 as 'n W3C-aanbeveling gepubliseer. Lêers is ongeveer 30% kleiner as WOFF, wat bladsye help vinniger laai. Elke moderne blaaier ondersteun WOFF2, en dit is die aanbevole formaat vir weblettertipes. Rekenaarbedryfstelsels en ontwerpprogramme kan dit nie direk installeer nie.
- Kompressie
- Verliesloos
- Deursigtigheid
- –
- Animasie
- –
- Bekendgestel
- 2018 · W3C (Google)
TTF na WOFF2 pak 'n lessenaarfont in die Brotli-saamgeperste houer wat blaaiers verkies, sodat dieselfde glyphs die besoekers in minder grepe bereik; die omgekeerde bladsy bestaan vir mense wat 'n font wat hulle op die web gevind het, moet installeer.
TTF na WOFF2: gereelde vrae
Het ek nog 'n TTF- of WOFF-terugval langs WOFF2 nodig?
Vir openbare webwerwe vandag gewoonlik nie. Chrome, Edge, Firefox en Safari lees al jare lank WOFF2, en die paar blaaiers wat dit nie doen nie, soos Internet Explorer 11, is selde 'n ekstra lêer werd. Voeg TTF na WOFF-uitvoer as 'n tweede src-inskrywing by net as u analise sulke besoekers wys.
Hoekom is my WOFF2-lettertipe steeds groter as 100 KB?
Saampersing verklein net hoe die glyphs gestoor word, nie hoeveel daar is nie. 'n Font wat Latyns, Cyrillies, Grieks en Viëtnamees dek, bevat almal. Om te sub-set na die skrifte wat u werklik vertoon, bring 'n teksfont af na tientalle kilogrepe.
Wat doen font-display: swap?
Dit sê vir die blaaier om dadelik teks in 'n terugvalfont te wys en u webfont in te ruil sodra dit aankom, in plaas daarvan om die teks te versteek terwyl dit aflaai. Voeg dit by u @font-face-reël soos in die voorbeeld hierbo, of gebruik optional as u 'n laat omruiling op ststadige verbindings wil vermy.
Kan ek 'n Google Fonts-TTF na WOFF2 omskakel en dit self huisves?
Ja. Google Fonts-families word onder die SIL Open Font License of Apache License vrygestel, wat albei omskakeling en self-hosting toelaat. As u die lêer self aanbied, vermy u ook 'n versoek na 'n derdeparty-bediener.
Werk WOFF2 in e-posnuusbriewe?
Net in sommige kliënte. Apple Mail en iOS Mail laai webfonte deur @font-face, terwyl Gmail en meeste Outlook-weergawes dit ignoreer en u terugvalfont wys. Lys altyd 'n veilige stelselfont in die fontstapel van 'n e-pos.