Ngagunakeun Adat fon on Web Kaca
Eusi téks geus salawasna geus mangrupa sapotong penting jaba, tapi dina poé mimiti tina Web teh, désainer sarta pamekar anu parah dugi di kontrol typographic yén maranéhna kungsi ngaliwatan webpages maranéhanana. Ieu kaasup hiji watesan dina fon yén maranéhanana éta bisa reliably nganggo on situs maranéhanana. Geus dipikaresep ngadéngé istilah "web fon aman" disebutkeun nu geus kaliwat. Ieu disebut kana set leutik fon yén éta kacida gampang jadi kaasup dina komputer jalma, hartina lamun situs dipaké salah sahiji fon jalma, ieu bet aman yen eta bakal rendered neuleu kana panyungsi hiji jalma.
Dinten, web professional boga host of fon anyar jeung pilihan tipe digawekeun ku, salah sahiji nu di format WOFF.
Naon WOFF?
WOFF mangrupa akronim nu nangtung pikeun "Web Buka Font Format". Hal ieu dipaké pikeun niiskeun fon pikeun pamakéan ku CSS @ milik font-beungeut. Ieu cara keur Lebetkeun fon dina kaca web ku kituna anjeun bisa make fon husus saluareun has "Arial, Times New Roman, Jorjia" - nu aya sababaraha pamadegan fon aman web disebut tadi.
WOFF ieu dikintunkeun ka W3C salaku baku pikeun kemasan fon kanggo kaca wéb. Ieu jadi draf dipake dina Nopémber 16, 2010. Dinten ieu kami sabenerna boga WOFF 2.0, nu ngaronjatkeun komprési tina versi mimiti format nu ku ampir 30%. Dina sababaraha kasus, tabungan ieu tiasa malah leuwih substanial!
Naha Paké WOFF?
fon Web, kaasup jelema dikirimkeun via format WOFF, nyadiakeun loba kaunggulan leuwih pilihan font lianna. Salaku mangpaat sakumaha web eta fon aman geus, sarta aya pasti masih mangrupa tempat pikeun maranéhanana fon dina karya urang, éta hade ka ogé dilegakeun pilihan urang jeung buka nepi pilihan typographic urang.
fon WOFF boga kauntungan handap:
- Aranjeunna langkung diaksés ti fon sakumaha gambar. gaya WOFF polos téks HTML kalawan CSS, mere Anjeun bisa diakses jeung desain kontrol anu gambar moal ngidinan pikeun.
- file WOFF kaasup informasi panulisan kawas bentuk kontekstual jeung inohong gaya heubeul. Hal ieu méré kaca web Anjeun tipografi hadé alatan nu nuju ngagunakeun karakter bener, teu ngan ngadeukeutan.
- fon WOFF bisa mantuan kalawan internationalization sabab bisa Lebetkeun fon kalawan karakter ti basa séjén.
- Kawas sakabeh CSS styled téks, fon styled kalawan WOFF anu leuwih search engine friendly. mesin pencari ulah "tingali" téks study dina gambar, sarta bari Alt téks bisa nulungan, taya diganti pikeun téks téa.
- fon WOFF anu dikomprés, jadi sipatna leuwih leutik batan tipe séjén file font. Ieu bakal ngabantu jeung speed situs download jeung kinerja sakabéh.
- Anjeun tiasa make file WOFF pikeun ngawétkeun identitas brand Anjeun ku embedding fon perusahaan sakumaha file WOFF.
WOFF Rojongan Browser
WOFF boga rojongan browser unggulan di panyungsi modéren, di antarana:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- opera 11.1+
- Safari 5.1+
Hal ieu dasarna dirojong sakuliah dewan poé ieu, iwal lone mahluk kabeh versi tina Opera Mini.
Kumaha Paké WOFF fon
Dina raraga ngagunakeun file WOFF, anjeun kudu unggah file WOFF mun server web anjeun, masihan eta ngaran jeung @ milik font-rupi, lajeng nyauran font di CSS Anjeun. Salaku conto:
- Unggah kana font disebut myWoffFont.woff kana diréktori / fon sahiji web server.
- Dina file CSS Anjeun nambahkeun hiji bagian @ font-rupi:
@ Font-beungeut {
font-kulawarga: myWoffFont;
src: url ( '/ fon / myWoffFont.woff') format ( 'woff');
}
- Tambahkeun nami font anyar (myWoffFont) pikeun font tumpukan CSS anjeun, kawas Anjeun ngalakukeunana wae ngaran font séjén:
p {
font-kulawarga: myWoffFont, Jenéwa, Arial, Helvetica, sans-serif;
}
Dimana Cokot WOFF fon
Aya dua tempat hébat anjeun tiasa manggihan kavling fon WOFF anu haratis pikeun pamakéan komérsial sarta non-komersil:
- Buka Font Perpustakaan
- font Bajing
Lamun boga lisénsi pikeun ngagunakeun font anu henteu sadia dina format WOFF, anjeun tiasa ngagunakeun panyipta WOFF kawas di Font Bajing pikeun ngarobah payil font anjeun kana file WOFF. Aya ogé alat paréntah-garis disebut sfnt2woff nu tiasa nganggo dina Macintosh jeung Windows pikeun ngarobah fon TrueType / OpenType anjeun ka WOFF.
Ngundeur luyu binér mun sistem Anjeun tur ngajalankeun eta dina garis paréntah (atawa Terminal) tur turutan parentah.
WOFF Conto
Di dieu aya sababaraha conto file WOFF: WOFF Page on HTML5 dina 24 jam.
Aslina artikel ku Jennifer Krynin. Diédit ku Jeremy Girard on 7/11/17