Ukusebenzisa ama-Fonts Custom kumakhasi wewebhu
Okuqukethwe kombhalo bekulokhu kubaluleke kakhulu kumawebusayithi, kodwa ezinsukwini zokuqala zeWebhu, abaklami nabathuthukisi babencane kakhulu ekulawuleni kwe- typographic ababenayo phezu kwamakhasi abo wewebhu. Lokhu kufaka phakathi ukulinganiselwa emafonini abakwazi ukuwasebenzisa ngokuthembeka kumasayithi abo. Cishe uzwile igama elithi "amafonti ephephile ewebhu" okukhulunywe ngawo esikhathini esidlule. Lokhu kubhekisela kumaqoqo amancane amafomethi ayengase afakwe kukhompuyutha yomuntu, okusho ukuthi uma isayithi lisebenzisa elinye lala mafonti, bekuyi-bet ephephile ukuthi izokwenziwa ngokufanele kusiphequluli somuntu.
Namuhla, ochwepheshe bewebhu banezinhlobo ezintsha zefonti nezinketho zohlobo oluzosebenza ngazo, enye yazo ifomethi ye-WOFF.
Kuyini i-WOFF?
I-WOFF isichazamazwi esisho "i-Web Open Open Format". Isetshenziselwa ukuncintisa amafonti okusetshenziswa nge-CSS @ impahla yefonti. Yindlela yokushumeka amafonti kumakhasi wewebhu ukuze ukwazi ukusebenzisa amafonti akhethekile ngaphesheya kwe-"Arial, Times New Roman, Georgia" evamile. Yiziphi ezinye zezinhlamvu eziphephile ezibalwe ngenhla.
U-WOFF uthunyelwe ku-W3C njengendlela evamile yamapayipi wokupakisha kwamakhasi ewebhu. Yaba isamba sokusebenza ngomhla kaNovemba 16, 2010. Namuhla sine-WOFF 2.0, okuthuthukisa ukucindezelwa kusukela kohlobo lokuqala lwefomethi cishe ngo-30%. Kwezinye izimo, lokhu kugcinwa kungaba okungcono nakakhulu!
Kungani usebenzisa i-WOFF?
Amafayili eWebhu, kufaka nalawo athunyelwe ngefomethi ye-WOFF, inikeza izinzuzo eziningi ngaphezu kwezinye izinketho zefonti. Njengoba kuyasiza njengoba lawo mafonti aphephile ewebhu ayekhona, futhi ngokuqinisekile kukhona namanje lawo mafonti emsebenzini wethu, kuhle ukukhulisa izinqumo zethu nokuvula izinketho zethu zokubhala.
Amafonti e-WOFF anenzuzo elandelayo:
- Zifinyeleleke kakhulu kunamafonti njengezithombe. Izitayela ze-WOFF zicacile umbhalo we-HTML nge-CSS, ikunika ukufinyeleleka nokulawula kokuklama ukuthi izithombe ngeke zivumele.
- Amafayela we-WOFF afaka ulwazi lwezobuciko njengamafomu wezwe kanye nezibalo zesitayela esidala. Lokhu kunikeza amakhasi akho wewebhu ngokubhala kahle ngoba usebenzisa izinhlamvu ezifanele, hhayi nje ukulinganisa.
- Amafonti we-WOFF angasiza nge-internationalalization ngoba ungashumeka amafonti nezinhlamvu ezivela kwezinye izilimi.
- Njengawo wonke umbhalo we-CSS oqoshiwe, amafonti abhalwe nge-WOFF angaphezulu kokusesha injini. Izinjini zokusesha 'azibonanga' umbhalo ufakwe emfanekisweni, futhi ngenkathi umbhalo we-ALT ungasiza, akukho okunye okufaka esikhundleni sombhalo ngokwawo.
- Amafonti we-WOFF acindezelwe, ngakho-ke amancane kunezinye izinhlobo zamafayela wefonti. Lokhu kuzosiza ngejubane lokulanda isayithi nokusebenza jikelele.
- Ungasebenzisa amafayela we-WOFF ukulondoloza ubunikazi bakho ngokufaka amafonti akho ezinkampani njengamafayela we-WOFF.
Usizo lwe-WOFF Isiphequluli
U-WOFF unokusekela okuhle kwesiphequluli kuziphequluli zanamuhla, kufaka phakathi:
- I-Chrome engu-6 +
- I-Firefox 3.6+
- I-Internet Explorer 9+
- I-Opera 11.1+
- I-Safari 5.1+
Ixhaswa kakhulu kulo lonke ibhodi kulezi zinsuku, ngokungafani okuwukuphela kwazo zonke izinguqulo ze-Opera Mini.
Indlela yokusebenzisa amafonti we-WOFF
Ukuze usebenzise ifayela le-WOFF, udinga ukulayisha ifayela le-WOFF kwisiphakeli sakho sewebhu, unike igama nge-@ face-face property, bese ushayele ifonti ku-CSS yakho. Ngokwesibonelo:
- Layisha ifonti ebizwa ngokuthi i-myWoffFont.woff kuya kwisiqondisi / amafonti esiqondisi sewebhu.
- Kufayela lakho le-CSS wengeze isigaba se-ubuso sefonti:
@ ubuso befonti {
ifonti-umndeni: i-myWoffFont;
I-src: i-url ('/ amafonti / i-myWoffFont.woff') ifomethi ('woff');
}}
- Engeza igama elisha lefonti (myWoffFont) ku-stack yakho yefonti ye-CSS, njengokungathi ungathanda igama elinye lefonti:
p {
umndeni wefonti: myWoffFont , Geneva, Arial, Helvetica, sans-serif;
}}
Ukutholaphi Amafonti we-WOFF
Kunezindawo ezimbili ezinhle ongathola amafonti amaningi we-WOFF angakhululekile ekusetshenzisweni kwezohwebo nokungekho kokuhweba:
- Vula iLabhulali yamafonti
- I-Font Squirrel
Uma unelayisense yokusebenzisa ifonti engatholakali kwifomethi ye-WOFF, ungasebenzisa umdali we-WOFF njengo-Font Squirrel ukuguqula amafayela akho wefonti kumafayela we-WOFF. Kukhona futhi ithuluzi lokulawula umyalo elibizwa nge-sfnt2woff ongayisebenzisa ku-Macintosh ne-Windows ukuguqula amafonti wakho we-TrueType / OpenType ku-WOFF.
Landa i-binary ehambisana nesistimu yakho bese uyigijima emgqeni wokulayisha (noma i-Terminal) bese ulandela imiyalo.
Isibonelo se-WOFF
Nazi izibonelo ezimbalwa zamafayela we-WOFF: Ikhasi le-WOFF ku-HTML5 emahoreni angu-24.
Isihloko sokuqala sikaJennifer Krynin. Ihlelwe nguJeremy Girard ngo-7/11/07