WOFF ki he WOFF2 liliu
Liliu ‘a e ngaahi mata’itohi ‘o e uepi WOFF ki he fotunga WOFF2 fakaonopooni ki he compression ma’olunga ange mo e taimi vave ange ‘o e uta ‘o e uepisaiti. ‘Oku ‘omi ‘e he WOFF2 ‘a e 30% si’isi’i ange ‘a e ngaahi faile lolotonga hono tauhi ‘o e tu’unga lelei ‘o e mata’itohi tatau mo e browser ‘o e fe’unga.
Ko e ha ‘oku Fili ai ‘a e Liliu ki he WOFF ki he WOFF2 Liliu?
Fakamālohiʻi Maʻolunga ange
‘Oku faka’aonga’i ‘e he WOFF2 ‘a e Brotli compression algorithm ke a’usia ‘a e 30% si’isi’i ange ‘a e ngaahi faile ‘i hono fakafehoanaki ki he WOFF, fakasi’isi’i ‘a hono faka’aonga’i ‘o e bandwidth mo fakalelei’i ‘a e fakahoko ‘o e uepisaiti ‘o ‘ikai ha mole ‘o e tu’unga lelei.
- ‘Oku fakasi’isi’i ‘e he Brotli ‘a e lahi ‘o e faile ‘aki ‘a e 30%
- Vave ange ‘a e taimi ‘o e uta ‘o e peesi uepi
- Ko e tu’unga lelei ‘o e ‘uhinga ‘o e mata’itohi tatau
Tu’unga ‘o e Uepi Fakaonopooni
WOFF2 ko e tu’unga lolotonga ‘o e uepi ‘o e font ‘oku poupou’i ‘e he ngaahi browsers fakaonopooni kotoa pe, ‘o ‘oatu ‘a e fakahoko ngaue lelei ange mo e optimization ki he ngaahi fie ma’u ‘o e fakalakalaka ‘o e uepi ‘o e ‘aho ni.
- Poupou fakafonua ‘i he Chrome, Firefox, Safari, Tafa’aki
- W3C fokotu’u ‘a e fotunga ‘o e mata’itohi ‘i he uepi
- Tu’uaki ‘o e font fakamo’oni ki he kaha’u
Malu’i Fakalukufua Kakato
Liliu ho’o ngaahi koloa mahu’inga ‘o e font offline mo e zero fakatu’utamaki ‘o e faka’ali’ali. ‘Oku hoko ‘a e ngaahi ngaue kotoa pe ‘i he feitu’u ‘i ho’o komipiuta Windows ‘o ‘ikai ha ngaahi fie ma’u fehokotaki’anga ‘initaneti.
- 100% founga liliu ‘o e offline
- ‘Oku ‘ikai ‘aupito ke mavahe ‘a e ngaahi faile font mei ho’o device .
- ‘Oku ‘ikai fiema’u ha ‘akauni pe lesisita .
Ko e ha ‘oku liliu ai ‘a e WOFF ki he WOFF2?
Founga WOFF
- Poupou’i lahi ‘e he ngaahi browsers lalahi kotoa pe kau ai ‘a e ngaahi liliu tukufakaholo .
- Faka’aonga’i ‘a e compression gzip angamaheni ki hono tu’uaki ‘o e mata’itohi falala’anga .
- Lahi ange ‘a e ngaahi faile ‘i hono fakafehoanaki ki he WOFF2 format ‘oku fakalahi ‘a e taimi uta .
- ‘Oku si’isi’i ange ‘a e ola ‘o e algorithm ‘o e compression ‘oku ma’olunga ange hono faka’aonga’i ‘o e bandwidth .
- Fokotu’u ‘a e fotunga ‘o e mata’itohi ‘i he uepi mo e fe’unga kuo fakamo’oni’i ‘i he ngaahi tu’unga
Founga WOFF2
- 30% si’isi’i ange ‘a e ngaahi faile ‘o fakafou ‘i he fakalakalaka ‘o e Brotli compression algorithm .
- Vave ange ‘a e taimi uta ‘o e uepisaiti fakalelei’i ‘a e a’usia ‘a e tokotaha faka’aonga’i mo e SEO rankings .
- Tu’unga lolotonga ‘o e W3C ki hono tu’uaki ‘o e mata’itohi ‘i he uepi mo e fakalelei’i .
- ‘Oku fakasi’isi’i ‘e he lelei ange ‘a e compression ‘a e ngaahi fakamole ‘o e bandwidth ‘o e server .
- Poupou fakafonua ‘i he ngaahi browser fakaonopooni kotoa pe ‘o ‘ikai ha ngaahi me’a ‘oku fe’unga .
Fakaikiiki Fakatekinikale
Tekinolosia Fakafefeka’i ‘o e Brotli
‘Oku faka’aonga’i ‘e he WOFF2 ‘a e Google ‘a e Brotli ‘a e algorithm ‘o e fakamalohi’i, ‘a ia ‘oku ne ‘omi ‘a e ngaahi ratios ‘o e fakamalohi’i ‘oku lelei ange ‘aupito ‘i he gzip ‘o e fakamalohi’i ‘oku faka’aonga’i ‘i he WOFF. ‘Oku iku ‘eni ki he 20-30% si’isi’i ange ‘a e ngaahi faile lolotonga hono tauhi ‘o e fakamatala ‘o e mata’itohi tatau mo e tu’unga lelei ‘o e rendering.
Fakalelei’i ‘o e Tepile Font
‘Oku kau ‘i he fotunga ‘o e WOFF2 ‘a e preprocessing ‘o e tepile ‘o e mata’itohi fakalakalaka ‘oku ne fakalelei’i ‘a e fokotu’utu’u ‘o e fakamatala glyph kimu’a pea toki fakamālohi’i. ‘Oku to’o ‘e he sitepu ko ‘eni ‘o e preprocessing ‘a e redundancies mo toe fokotu’utu’u ‘a e fakamatala ‘o e mata’itohi ki he lelei taha ‘o e compression.
Fakahoko ‘o e Browser
‘Oku faka’auha ‘e he ngaahi browser fakaonopooni ‘a e ngaahi mata’itohi WOFF2 ‘o faka’aonga’i ‘a e faka’auha fakafonua ‘o e Brotli, ‘o fakangata ‘a e fie ma’u ki he polyfills ‘o e JavaScript. ‘Oku poupou’i ‘e he fotunga ‘a e CSS tatau @font-fofonga syntax ‘o hange ko e WOFF mo e ngaahi founga ‘otometiki ‘o e fallback.
Founga hono liliu ‘o e WOFF ki he WOFF2.
Download & Fokotuʻu
Download Liliu ta’etotongi pea fokotu’u ia ‘i ho’o PC Windows. ʻOku ʻikai fie maʻu ha ʻakauni pe fakamoʻoni hingoa.
Tānaki atu Hoʻo Ngaahi Faile WOFF .
To’o mo tuku hifo ho’o ngaahi faile WOFF ki he Liliu, pe faka’aonga’i ‘a e faile browser ke fili kinautolu.
Fili ‘a e WOFF2 ‘a e Output .
Fili ‘a e WOFF2 ko ho’o fotunga ‘o e output. Fakatonutonu ʻa e ngaahi tuʻunga ʻo e tuʻunga leleí kapau ʻoku fie maʻu.
Liliu & Fakahaofi
Lomi’i ‘i he Liliu pea ‘e ngaue ho’o ngaahi faile ‘i he taimi pe ko ia. Tauhi kinautolu ʻi ha feituʻu pē ʻi hoʻo komipiutá.
Ko e taimi ke faka’aonga’i ai ‘a e WOFF ki he WOFF2 liliu .
Fakalelei’i ‘o e fakahoko ‘o e uepisaiti
Liliu ‘a e ngaahi mata’itohi WOFF ‘oku ‘i ai ki he WOFF2 ke fakasi’isi’i ‘a e taimi ‘o e uta ‘o e peesi mo fakalelei’i ‘a e ngaahi maaka ‘o e Core Web Vitals ki ha fakahoko lelei ange ‘o e SEO mo e a’usia ‘a e tokotaha faka’aonga’i.
Fakalelei’i ‘o e Uepi Fe’ave’aki
Fakasi’isi’i ‘a e uesia ‘o e uta ‘o e mata’itohi ‘i he ngaahi device fe’ave’aki pa’anga ‘oku fakangatangata ‘a e bandwidth ‘aki hono faka’aonga’i ‘o e WOFF2 ‘a e compression ma’olunga ange ki he vave ange ‘a e ‘omi ‘i he ngaahi telefoni to’oto’o mo e ngaahi tablet.
Fakasi’isi’i ‘o e Bandwidth ‘o e CDN
Fakasi’isi’i ‘a e ngaahi fakamole ‘o e netiueka ‘o e tu’uaki ‘o e kakano mo hono faka’aonga’i ‘o e bandwidth ‘o e server ‘aki hono tauhi ‘a e ngaahi faile WOFF2 iiki ange kae ‘ikai ko e ngaahi mata’itohi WOFF lalahi ange ki he kau fanongo fakamamani lahi.
Fakaonopooni’i ‘o e Sisitemi tisaini
Fakafo’ou ‘a e ngaahi sisitemi tisaini ‘o e kautaha mo e ngaahi laipeli ‘o e mata’itohi ‘i he uepi ke faka’aonga’i ‘a e tu’unga fakamuimuitaha ‘o e WOFF2 ki hono fakalelei’i ‘o e fakahoko ‘i he ngaahi koloa fakakomipiuta kotoa pe.
Vave ‘o e Saiti ‘o e E-commerce
Fakalelei’i ‘a e fakahoko ‘o e falekoloa ‘i he ‘Initaneti ‘aki hono liliu ‘a e ngaahi mata’itohi ‘o e brand angamaheni ki he WOFF2, fakasi’isi’i ‘a e ngaahi tu’unga ‘o e li’aki ‘o e saliote ‘oku fakatupu ‘e he typography ‘o e uta tuai.
Fakalelei’i ‘o e Palataisi Fakaako
Fakalelei’i ‘a e accessibility mo e vave ‘o e uta ki he ngaahi uepisaiti fakaako ‘oku nau ngaue ki he kau faka’aonga’i ‘o e ngaahi fehokotaki’anga ‘initaneti kehekehe ‘aki hono fakahoko ‘o e ngaahi mata’itohi WOFF2 ‘oku ola lelei.
‘Oku Malu’i Ho’o Fakapulipuli .
100% ‘Ikai ‘i he ‘Initaneti
ʻOku hoko ʻa e ngaahi liliu kotoa pē ʻi he feituʻú ʻi hoʻo komipiutá. ‘Oku ‘ikai ‘aupito ke mavahe ho’o ngaahi faile mei ho’o device pea ‘oku ‘ikai ‘aupito ke ‘oatu ia ki ha fa’ahinga server.
‘Oku ‘ikai fiema’u ha ‘akauni
Kamata ului he taimi pē ko iá ʻo ʻikai faʻu ha ʻakauni, ʻoatu ha fakamatala fakatāutaha, pe fakamoʻoni hingoa ki ha meʻa.
Fakama’a ‘otometiki
ʻOku tamateʻi malu ʻa e ngaahi faile fakataimi hili hono liliú. ‘Oku kei ‘ikai ke uesia kakato ho’o ngaahi faile ‘uluaki tukukehe kapau te ke fili kehe.
Ngaahi Fehuʻi ʻOku Faʻa ʻEke
Ko e hā e ngaahi tefitoʻi lelei ʻo hono liliu ʻo e WOFF ki he WOFF2?
‘Oku ‘omi ‘e he WOFF2 ‘a e 30% si’isi’i ange ‘a e ngaahi faile ‘o fakafou ‘i he Brotli compression, vave ange ‘a e taimi ‘o e uta ‘o e uepisaiti, fakahoko lelei ange ‘i he ngaahi device fe’ave’aki, mo e fakasi’isi’i ‘o e ngaahi fakamole ‘o e bandwidth. Ko e tu’unga lolotonga ia ‘o e W3C ki he ngaahi mata’itohi ‘i he uepi mo e poupou ‘a e browser fakafonua.
Will WOFF2 fonts display differently than the original WOFF?
‘Ikai, ‘Oku ‘omi ‘e he ngaahi mata’itohi WOFF2 ‘a e tatau mo e ngaahi mata’itohi WOFF. ‘Oku uesia pe ‘e he liliu ‘a e faile compression mo e lahi, ‘ikai ko e fakamatala mo’oni ‘o e font pe ‘a e fotunga faka’ata. Ko e ngaahi glyphs kotoa pe, kerning, mo e ngaahi fotunga ‘o e taipe ‘oku kei ‘ikai ke liliu.
‘Oku poupou’i ‘e he ngaahi browser kotoa pe ‘a e fotunga WOFF2?
‘Oku poupou’i ‘e he ngaahi browser fakaonopooni kotoa pe ‘a e WOFF2, kau ai ‘a e Chrome 36+, Firefox 39+, Safari 12+, mo e tafa’aki 14+. Ki he ngaahi browser motu’a ange, ‘e lava ke ke fakahoko ‘a e ngaahi founga fallback ‘o faka’aonga’i ‘a e ngaahi tu’utu’uni CSS @font-face mo e ngaahi fakaha ‘o e fotunga lahi.
‘Oku malu nai ke liliu ‘a e ngaahi mata’itohi kuo laiseni mei he WOFF ki he WOFF2?
Ko e liliu ‘i he vaha’a ‘o e ngaahi fotunga ‘o e mata’itohi ‘i he uepi ‘oku angamaheni ‘aki ‘oku ‘ikai ke ne uesia ‘a e laiseni talu mei he WOFF mo e WOFF2 ko e ngaahi koniteina ‘o e uepi-pau ki he fakamatala ‘o e mata’itohi ‘i lalo tatau. Ka neongo ia, fakamo’oni’i ma’u pe ‘aki ho’o aleapau laiseni font ke fakapapau’i ‘oku fakangofua ‘a e liliu ‘o e format.
Ko e hā hono lahi ʻo e siʻisiʻi ange ʻa e ngaahi faile WOFF2 ʻi hono fakafehoanaki ki he WOFF?
‘Oku angamaheni ‘aki ‘a e ngaahi faile WOFF2 20-30% si’isi’i ange ‘i he ngaahi faile WOFF tatau koe’uhi ko e Brotli compression. Ko e fakasi’isi’i pau ‘oku makatu’unga ia ‘i he faingata’a ‘o e mata’itohi, lahi ‘o e seti ‘o e mata’itohi, mo e fotunga ‘o e mata’itohi ‘uluaki, mo e ngaahi mata’itohi ‘e ni’ihi ‘oku nau a’usia ‘o a’u ki he 50% fakasi’isi’i ‘o e lahi.
‘E lava ke u batch liliu ‘a e ngaahi mata’itohi WOFF lahi ki he WOFF2?
‘Io, ‘Oku poupou’i ‘e he Convertify ‘a e ngaue ‘a e batch ke liliu ‘a e ngaahi faile WOFF lahi ‘i he taimi tatau. ‘Oku ‘aonga ‘aupito ‘eni ki he kau developers ‘o e uepi ‘oku nau pule’i ‘a e ngaahi laipeli lalahi ‘o e mata’itohi pe ngaahi sisitemi tisaini ‘oku lahi ‘a e ngaahi kehekehe ‘o e mata’itohi.
‘Oku uesia ‘e he liliu ki he WOFF2 ‘a e fakahoko ‘o e uta ‘o e mata’itohi?
Ko e liliu ki he WOFF2 ‘oku fakalelei’i lahi ai ‘a e fakahoko ‘o e uta ‘o e mata’itohi. ‘Oku ‘uhinga ‘a e ngaahi faile si’isi’i ange ki he vave ange ‘a e downloads, fakasi’isi’i ‘a e taimi ‘o e render-poloka, mo e ngaahi maaka lelei ange ‘o e Core Web Vitals, tautautefito ki he kau faka’aonga’i ‘i he ngaahi fehokotaki’anga ‘initaneti ‘oku tuai ange.
‘Oku ‘iai ha ngaahi downsides ‘i hono ngaue’aki ‘o e WOFF2 kae ‘ikai ko e WOFF?
Ko e me’a pe ‘e taha ‘e lava ke hoko ko e poupou fakangatangata ‘i he ngaahi browsers motu’a ‘aupito (IE, ngaahi browsers Android motu’a ange). Ka neongo ia, ‘Oku faingofua hono fakalelei’i ‘eni ‘aki ‘a e CSS fallbacks, pea ‘oku mahulu hake ‘a e ngaahi lelei ‘o e fakahoko ‘o e ngaahi hoha’a ‘o e fe’unga ki he lahi taha ‘o e ngaahi uepisaiti fakaonopooni.
Mateuteu ke Liliu Ho’o Ngaahi Faile?
Download Liliu he taimi ni pea kamata ke liliu ‘a e WOFF ki he WOFF2 ‘i he taimi pe ko ia. Tau’ataina, ta’e fakangatangata, pea ‘oku ‘ikai ke ‘i he ‘initaneti kakato.