Kibadilishaji TTF kuwa WOFF2

Kujihifadhia fonti mwenyewe kunaanzia hapa: WOFF2 ndio muundo ambao kila kivinjari cha sasa hupakua kwanza, na ndio kifungashio kidogo zaidi cha data ya TrueType uliyo nayo tayari. Ukurasa huu pia huandika kanuni ya CSS inayoipakia.

au buruta Faili za TTF, OTF, WOFF … hapa ·

Hadi MB 95 kwa faili· Hadi faili 20· Hufutwa baada ya dakika 30

Matokeo

Badilisha kuwa

Faili huchakatwa kwenye seva zetu na kufutwa baada ya dakika 30.

Jinsi ya kutumia zana hii

1
Pakia faili za TTF
Ongeza kila unene na mtindo unaopanga kutumia, hadi faili 20 zenye ukubwa wa hadi MB 95 kila moja. TTF zinazobadilika (variable) pia zinafanya kazi na zinahifadhi mihimili yake.
2
Acha CSS ikiwa imewashwa, tumia subset ukiweza
Jumuisha CSS ya @font-face tayari imetiwa alama. Chini ya Mipangilio ya hali ya juu, weka Hifadhi herufi kuwa Basic Latin au Latin + alama za lafudhi ikiwa tovuti yako iko katika lugha ya Magharibi, na fikiria kuweka Vidokezo vya uonyeshaji (hinting) kuwa Remove.
3
Badilisha kuwa WOFF2
Bonyeza Badilisha kuwa WOFF2 kisha pakua fonti pamoja na faili ya .css. Pakia zote mbili kwenye tovuti yako na uunganishe stylesheet au ubandike kanuni kwenye yako mwenyewe.

Jibu

Ninabadilishaje TTF kuwa WOFF2 kwa tovuti yangu?

Pakia .ttf, acha Jumuisha CSS ya @font-face ikiwa imetiwa alama kisha bonyeza Badilisha kuwa WOFF2. Utapata faili ya .woff2 pamoja na faili ya .css yenye kanuni ya @font-face inayoielekeza.

Kwa nini WOFF2 ndio muundo wa fonti za wavuti wa kutumia

TTF ni data ya majedwali isiyobanwa: maumbo, vipimo, kerning, majina. WOFF2, iliyochapishwa kama W3C Recommendation mwaka 2018, huhifadhi majedwali hayohayo lakini huyapitisha kwenye Brotli, algoriti ya ubanaji ambayo Google ilitoa mwaka 2015, baada ya kwanza kupanga upya maumbo ya glifu ili zibanike vizuri zaidi. Majaribio ya Google yenyewe yalionyesha WOFF2 ni ndogo kwa takriban 30% kuliko muundo wa zamani wa WOFF kwa wastani, na kivinjari hurejesha data asilia ya fonti baada ya kupakua, kwa hivyo umbo la herufi halibadiliki.

Fonti huzuia uonyeshaji, jambo linalofanya ukubwa wake uwe muhimu kuliko kilobaiti zinavyodokeza. Hadi fonti ya wavuti ifike, kivinjari huficha maandishi au huonyesha fonti mbadala, na kubadilisha kwa kuchelewa kunaweza kuhamisha mpangilio. Faili ndogo hupunguza muda huo, na chaguo mbili hapa huupunguza zaidi: Hifadhi herufi huondoa glifu ambazo kurasa zako hazionyeshi kamwe, na Vidokezo vya uonyeshaji (hinting) ikiwekwa Remove huondoa maagizo ambayo simu na skrini zenye msongamano mkubwa huyapuuza hata hivyo. Hifadhi TTF asilia kwa matumizi ya kompyuta; WOFF2 kuwa TTF inaweza kufungua fonti ya wavuti baadaye, lakini haiwezi kurejesha glifu zilizoondolewa na sehemu teule.

Ukubwa wa faili: TTF dhidi ya WOFF2

TTF, seti kamili ya herufi

100%

Majedwali ya fonti yasiyobanwa, kama yanavyosakinishwa kwenye kompyuta

Kawaida kwa fonti ya maandishi ya lugha nyingi

WOFF2, sehemu ya Basic Latin

mara nyingi 10–25%

Ubanaji wa Brotli pamoja na glifu chache; hutofautiana kulingana na fonti

Kanuni ya @font-face kwa fonti ya WOFF2

Kanuni ya mfano; badilisha majina, na ondoa unicode-range ikiwa hukuchagua sehemu ya herufi

@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;
}

Uungaji mkono wa WOFF2 kwenye vivinjari, toleo kwa toleo

2014
Chrome 36
Kivinjari cha Google ndicho cha kwanza kusoma WOFF2 kwa chaguo-msingi.
2015
Firefox 39
Mozilla inawasha usomaji wa WOFF2 kwa chaguo-msingi.
2016
Edge 14
Edge asilia ya Microsoft inaongeza WOFF2 pamoja na Windows 10 Anniversary Update.
2018
W3C Recommendation
Vipimo vinakamilishwa; wakati huo Safari kwenye macOS na iOS pia husoma WOFF2.

TTF

Fonti ya TrueType

TTF ni umbizo la fonti la TrueType lililotengenezwa na Apple mwishoni mwa miaka ya 1980 na kutolewa mwaka 1991, kisha kupewa Microsoft leseni. Hufafanua maumbo ya herufi kwa mikunjo ya quadratic na ina maelekezo ya hinting yanayofanya maandishi yaonekane makali kwenye skrini. TrueType inasaidiwa na kila mfumo wa uendeshaji wa kompyuta, kichakataji maneno na programu ya usanifu. Haina baadhi ya vipengele vya hali ya juu vya uchapaji vya OpenType na ni kubwa kuliko miundo ya fonti za wavuti.

Ubanaji: Bila upotevu
Uwazi: –
Uhuishaji: –
Mwaka ulioanzishwa: 1991 · Apple

Kigeuzi cha TTF

WOFF2

Web Open Font Format 2

WOFF2 ni toleo la pili la Web Open Font Format, linalotegemea mgandamizo wa Brotli wa Google na kuchapishwa kama W3C Recommendation mwaka 2018. Faili ni ndogo kwa takriban 30% kuliko WOFF, jambo linalosaidia kurasa kupakia haraka. Kila kivinjari cha kisasa kinasaidia WOFF2, na ni umbizo linalopendekezwa kwa fonti za wavuti. Mifumo ya uendeshaji ya kompyuta na programu za usanifu haziwezi kuisakinisha moja kwa moja.

Ubanaji: Bila upotevu
Uwazi: –
Uhuishaji: –
Mwaka ulioanzishwa: 2018 · W3C (Google)

Kigeuzi cha WOFF2

TTF kuwa WOFF2 hupakia fonti ya kompyuta kwenye kontena iliyobanwa kwa Brotli linalopendelewa na vivinjari, hivyo glifu zilezile huwafikia wageni kwa baiti chache; ukurasa wa kinyume upo kwa wanaohitaji kusakinisha fonti waliyoipata mtandaoni.

Maswali kuhusu kubadilisha TTF kuwa WOFF2

Je, bado ninahitaji TTF au WOFF ya akiba pamoja na WOFF2?

Kwa tovuti za umma leo, kwa kawaida hapana. Chrome, Edge, Firefox na Safari zimesoma WOFF2 kwa miaka mingi, na vivinjari vichache visivyoisoma, kama Internet Explorer 11, mara chache vinastahili faili ya ziada. Ongeza matokeo ya TTF kuwa WOFF kama kipengee cha pili cha src tu ikiwa takwimu zako zinaonyesha wageni wa aina hiyo.

Kwa nini fonti yangu ya WOFF2 bado inazidi 100 KB?

Ubanaji unapunguza tu jinsi glifu zinavyohifadhiwa, si idadi yake. Fonti inayojumuisha Kilatini, Kisiriliki, Kigiriki na Kivietnamu hubeba zote. Kuchagua sehemu ya herufi za maandishi unayoonyesha kweli ndiko kunakoshusha fonti ya maandishi hadi makumi ya kilobaiti.

font-display: swap hufanya nini?

Inaagiza kivinjari kionyeshe maandishi mara moja kwa fonti mbadala kisha kibadilishe na fonti yako ya wavuti itakapofika, badala ya kuficha maandishi wakati inapakuliwa. Iongeze kwenye kanuni yako ya @font-face kama kwenye mfano ulio juu, au tumia optional ikiwa unapendelea kuepuka kubadilisha kwa kuchelewa kwenye mitandao ya polepole.

Je, ninaweza kubadilisha TTF ya Google Fonts kuwa WOFF2 na kuihifadhi mwenyewe?

Ndiyo. Familia za Google Fonts hutolewa chini ya SIL Open Font License au Apache License, zote zinaruhusu kubadilisha na kujihifadhia mwenyewe. Kuhifadhi faili mwenyewe pia huepusha ombi kwa seva ya mtu mwingine.

Je, WOFF2 inafanya kazi kwenye majarida ya barua pepe?

Ni kwenye baadhi ya programu tu. Apple Mail na iOS Mail hupakia fonti za wavuti kupitia @font-face, ilhali Gmail na matoleo mengi ya Outlook huzipuuza na kuonyesha fonti yako mbadala. Taja kila mara fonti salama ya mfumo kwenye orodha ya fonti za barua pepe.

Kibadilishaji TTF kuwa WOFF2

Kibadilishaji cha Fonti

Jinsi ya kutumia zana hii

Pakia faili za TTF

Acha CSS ikiwa imewashwa, tumia subset ukiweza

Badilisha kuwa WOFF2