UltKit

TTF í WOFF2 leturbreytir

Ef þú vilt hýsa letur sjálf(ur) byrjar þú hér. Allir núverandi vafrar sækja WOFF2 fyrst og það er minnsti umbúnaðurinn utan um TrueType-gögnin sem þú átt nú þegar. Þessi síða skrifar einnig CSS-regluna sem hleður letrinu inn.

Leturumbreyting

eða slepptu TTF, OTF, WOFF … skrár hér ·

Að hámarki 95 MB á skrá· Allt að 20 skrár· Eytt eftir 30 mínútur

Úttak

Skrár eru unnar á þjónum okkar og eytt eftir 30 mínútur.

Hvernig á að nota tólið

  1. 1

    Hladdu upp TTF-skránum

    Bættu við öllum þyngdum og stílum sem þú ætlar að nota, allt að 20 skrám sem eru hver að hámarki 95 MB. Breytilegar TTF-skrár (variable) virka líka og halda ásum sínum.

  2. 2

    Hafðu CSS á og notaðu hlutmengi ef hægt er

    Hakað er nú þegar við Láta @font-face CSS fylgja. Undir Ítarlegar stillingar skaltu stilla Halda stöfum á Basic Latin eða Latin + áherslustafir ef vefurinn þinn er á vestrænu tungumáli, og íhuga að stilla Hinting á Remove.

  3. 3

    Umbreyttu í WOFF2

    Ýttu á Umbreyta í WOFF2 og sæktu letrin ásamt .css skránni. Hladdu hvoru tveggja upp á vefinn þinn og tengdu stílsniðið eða límdu regluna inn í þitt eigið.

Svar

Hvernig umbreyti ég TTF í WOFF2 fyrir vefinn minn?

Hladdu upp .ttf skránni, hafðu hakað við Láta @font-face CSS fylgja og ýttu á Umbreyta í WOFF2. Þú færð .woff2 skrána ásamt .css skrá með @font-face reglu sem vísar á hana.

Af hverju WOFF2 er veflETursniðið sem á að nota

TTF er óþjappað töflugögn: útlínur, mál, kerning og nöfn. WOFF2, sem gefið var út sem W3C Recommendation árið 2018, heldur nákvæmlega þessum töflum en keyrir þær í gegnum Brotli, þjöppunaralgrími sem Google gaf út árið 2015, eftir að hafa endurraðað útlínum stafanna svo þær þjappist betur. Eigin prófanir Google sýndu að WOFF2 var að meðaltali um 30% minna en eldra WOFF-sniðið, og vafrinn endurheimtir upprunalegu letrisgögnin eftir niðurhal, svo lögun stafanna breytist ekkert.

Letur tefja birtingu síðu, svo stærð þeirra skiptir meira máli en kílóbætin gefa til kynna. Þar til vefletur berst felur vafrinn textann eða sýnir varaletur, og seinkuð skipti geta fært uppsetningu til. Minni skrár stytta þann tíma og tveir valkostir hér stytta hann enn frekar: Halda stöfum fjarlægir stafi sem síðurnar þínar sýna aldrei og Hinting stillt á Remove sleppir leiðbeiningum sem símar og skjáir með háum þéttleika hunsa hvort sem er. Geymdu TTF-frumskrárnar fyrir skjáborðið; WOFF2 í TTF getur afpakkað vefletri síðar en getur ekki endurheimt stafi sem hafa verið fjarlægðir.

Skráarstærð TTF og WOFF2 borin saman

TTF, fullt stafasett

100%

Óþjappaðar lettistöflur, eins og þær eru settar upp á borðtölvu

Dæmigert fyrir textaletur með mörgum letrum

WOFF2, Basic Latin undirsett

oft 10–25%

Brotli-þjöppun og færri stafir; er mismunandi eftir letri

@font-face-reglan fyrir WOFF2-letur

Dæmi um reglu; skiptu út nöfnunum og fjarlægðu unicode-range ef þú bjóst ekki til undirsett
@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;
}

Stuðningur vafra við WOFF2, útgáfu fyrir útgáfu

  1. 2014

    Chrome 36

    Vafri Google er fyrstur til að afkóða WOFF2 sjálfgefið.

  2. 2015

    Firefox 39

    Mozilla virkjar WOFF2-afkóðun sjálfgefið.

  3. 2016

    Edge 14

    Upprunalegi Edge frá Microsoft bætir við WOFF2 með Windows 10 Anniversary Update.

  4. 2018

    W3C Recommendation

    Staðallinn er fullgerður; þá afkóðar Safari á macOS og iOS einnig WOFF2.

TTF

TrueType letur

TTF er TrueType-leturssniðið sem Apple þróaði seint á níunda áratugnum og gaf út 1991 og veitti síðan Microsoft leyfi fyrir. Það skilgreinir útlínur stafa með annars stigs ferlum og inniheldur „hinting“-skipanir sem gera texta skarpan á skjá. Öll skjáborðsstýrikerfi, ritvinnsluforrit og hönnunarforrit styðja TrueType. Það vantar suma háþróaða letureiginleika OpenType og það er stærra en vefleturssnið.

Þjöppun
Án taps
Gegnsæi
–
Hreyfimynd
–
Kom fram
1991 · Apple
TTF umbreytir

WOFF2

Web Open Font Format 2

WOFF2 er önnur útgáfa Web Open Font Format, byggð á Brotli-þjöppun Google og gefin út sem W3C-tilmæli árið 2018. Skrárnar eru um 30% minni en WOFF, sem hjálpar síðum að hlaðast hraðar. Allir nútímavafrar styðja WOFF2 og það er mælt með því fyrir vefletur. Skjáborðsstýrikerfi og hönnunarforrit geta ekki sett það upp beint.

Þjöppun
Án taps
Gegnsæi
–
Hreyfimynd
–
Kom fram
2018 · W3C (Google)
WOFF2 umbreytir

TTF í WOFF2 pakkar skjáborðsletri í Brotli-þjappað ílát sem vafrar kjósa, svo sömu stafir berast gestum í færri bætum; öfug síða er til fyrir þá sem þurfa að setja upp letur sem þeir fundu á vefnum.

Algengar spurningar um TTF í WOFF2

Þarf ég enn TTF- eða WOFF-varaleið við hlið WOFF2?

Fyrir opna vefi í dag er það yfirleitt óþarfi. Chrome, Edge, Firefox og Safari hafa lesið WOFF2 árum saman og þeir fáu vafrar sem gera það ekki, eins og Internet Explorer 11, réttlæta sjaldan aukaskrá. Bættu við úttaki úr TTF í WOFF sem öðru src gildi aðeins ef greiningargögn sýna slíka gesti.

Af hverju er WOFF2-letrið mitt enn yfir 100 KB?

Þjöppun minnkar aðeins hvernig stafirnir eru geymdir, ekki hversu margir þeir eru. Letur sem nær yfir latneskt, kýrillískt og grískt letur og víetnömsku skilar þeim öllum. Að velja aðeins þau letur sem þú birtir í raun (subsetting) er það sem kemur textaletri niður í nokkra tugi kílóbæta.

Hvað gerir font-display: swap?

Það segir vafranum að birta texta strax í varaletri og skipta yfir í vefletrið þitt þegar það berst, í stað þess að fela textann meðan það hleðst niður. Bættu því við @font-face regluna eins og í dæminu hér að ofan, eða notaðu optional ef þú vilt sleppa seinni skiptum á hægum tengingum.

Get ég breytt TTF-letri frá Google Fonts í WOFF2 og hýst það sjálf(ur)?

Já. Letur frá Google Fonts er gefið út með SIL Open Font License eða Apache License og bæði leyfa umbreytingu og hýsingu á eigin vefþjóni. Að hýsa skrána sjálfur sparar líka beiðni til þriðja aðila.

Virkar WOFF2 í fréttabréfum í tölvupósti?

Aðeins í sumum forritum. Apple Mail og iOS Mail hlaða vefletri með @font-face en Gmail og flestar útgáfur af Outlook hunsa það og sýna varaletrið. Hafðu alltaf öruggt kerfisletur í letursafni tölvupósts.