Użu ta 'Fonts Custom fuq Paġni tal-Web
Il-kontenut tat-test dejjem kien biċċa websajt importanti, iżda fil-bidu tal-Web, id-disinjaturi u l-iżviluppaturi kienu severament limitati fil- kontroll tipografiku li kellhom fuq il-paġni web tagħhom. Dan inkluda limitazzjoni fil-fonts li setgħu jużaw b'mod affidabbli fis-siti tagħhom. Probabilment smajt it-terminu "fonts sikuri fuq l-internet" imsemmija fil-passat. Dan irrefera għas-sett żgħir ta 'fonts li x'aktarx kienu inklużi fuq il-kompjuter ta' persuna, li jfisser li jekk is-sit juża waħda minn dawk it-tipa ta 'fonts, kien bet sikur li kien jirrendi tajjeb fuq il-browser ta' persuna.
Illum, il-professjonisti tal-web għandhom għadd ta 'għejun u tip ġodda ta' fonts biex jaħdmu magħhom, li waħda minnhom hija l-format WOFF.
X'inhu WOFF?
WOFF huwa akronimu li jfisser "Web Open Font Format". Dan jintuża biex jikkompressa fonts għall-użu mal-proprjetà CSS @ font-face. Huwa mod biex jinkorporaw fonts f'paġni tal-web biex tkun tista 'tuża fonts speċjalizzati lil hinn mit-tipiċi "Arial, Times New Roman, Georgia" - li huma wħud minn dawk is-fonts sikuri fuq imsemmija.
WOFF ġie sottomess lill-W3C bħala standard għall-ippakkjar ta 'fonts għall-paġni tal-web. Dan sar abbozz ta 'ħidma fis-16 ta' Novembru 2010. Illum aħna attwalment għandna WOFF 2.0, li jtejjeb il-kompressjoni mill-ewwel verżjoni tal-format bi kważi 30%. F'xi każijiet, dan l-iffrankar jista 'jkun saħansitra iżjed sostanzjali!
Għaliex Uża WOFF?
Il-fonts tal-Web, inklużi dawk mogħtija permezz tal-format WOFF, jipprovdu ħafna vantaġġi fuq għażliet oħra ta 'fonts. Utli daqs dawk il-fonts fuq il-web sikuri kienu, u ċertament hemm post għal dawk it-tipi ta 'fonts fix-xogħol tagħna, huwa sabiħ li jespandu wkoll l-għażliet tagħna u niftħu l-għażliet tipografiċi tagħna.
Il-fonts WOFF għandhom il-benefiċċji li ġejjin:
- Huma aktar aċċessibbli minn fonts bħala immaġini. Stili WOFF sempliċi test HTML ma CSS, li tagħti aċċessibilità u l-kontroll tad-disinn li l-immaġini mhux se jippermettu.
- Il-fajls tal-WOFF jinkludu informazzjoni tipografika bħal forom kontestwali u figuri ta 'stil antik. Dan jagħti l-paġni tal-web tiegħek tipografija aħjar għaliex qed tuża l-karattri korretti, mhux biss approssimazzjonijiet.
- Il-fonts WOFF jistgħu jgħinu bl-internazzjonalizzazzjoni għax tista 'ssib fonts b'karattri minn lingwi oħra.
- Bħal kull test imsejjaħ CSS, fonts styled ma 'WOFF huma iktar faċli biex tfittex il-magna tat-tiftix. Il-magni ta 'riċerka ma "jarawx" test inkorporat f'immaġini, u filwaqt li t-test ALT jista' jgħin, ma hemm l-ebda sostitut għat-test innifsu.
- Il-fonts WOFF huma kompressati, għalhekk huma iżgħar minn tipi oħra ta 'fajls ta' fonts. Dan jgħin bil-veloċità tat-tniżżil tas-sit u l-prestazzjoni ġenerali.
- Tista 'tuża fajls WOFF biex tippreserva l-identità tad-ditta tiegħek billi tinkorpora fonts korporattivi tiegħek bħala fajls WOFF.
Appoġġ għall-Browser WOFF
WOFF għandu appoġġ tal-browser eċċellenti fil-browsers moderni, inklużi:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
Huwa essenzjalment appoġġjat madwar il-bord f'dawn il-jiem, bl-eċċezzjoni waħedha li hija l-verżjonijiet kollha ta 'Opera Mini.
Kif tuża Fonts WOFF
Sabiex tuża fajl WOFF, għandek ittella 'fajl WOFF lill-web server tiegħek, agħti isem bil-proprjetà ta' font-face, u mbagħad ċempel il-font fis-CSS tiegħek. Pereżempju:
- Itellgħu l-font imsejħa myWoffFont.woff għad-direttorju / fonts tal-web server.
- Fil-fajl tas-CSS żid sezzjoni @ font-face:
@ font-face {
font-family: myWoffFont;
Format: src: url ('/ fonts / myWoffFont.woff') ('woff');
}
- Żid l-isem il-ġdid tat-tipa (myWoffFont) fuq il-munzell tat-tipa CSS tiegħek, bħal kull isem ieħor tat-tipa:
p {
font-family: MyWoffFont , Ġinevra, Arial, Helvetica, sans-serif;
}
Fejn To Get WOFF Fonts
Hemm żewġ postijiet kbar tista 'ssib ħafna fonts WOFF li huma ħielsa għal użu kummerċjali u mhux kummerċjali:
- Librerija Open Font
- Font Squirrel
Jekk għandek liċenzja biex tuża font li mhix disponibbli f'format WOFF, tista 'tuża kreatur WOFF bħal fil-Font Squirrel biex taqleb il-fajls tat-tipa tiegħek f'fajls WOFF. Hemm ukoll għodda tal-linja tal-kmand imsejħa sfnt2woff li tista 'tuża fuq Macintosh u Windows biex tikkonverti t-Tip TrueType / OpenType tiegħek għall-WOFF.
Niżżel il-binarju xieraq għas-sistema tiegħek u ġġedih fil-linja tal-kmand (jew fit-Terminal) u segwi l-istruzzjonijiet.
WOFF Eżempju
Hawn taħt hawn ftit eżempji ta 'fajls WOFF: WOFF Page fuq HTML5 f'24 siegħa.
Artikolu oriġinali minn Jennifer Krynin. Editjat minn Jeremy Girard fis-7/11/17