Kutumia Fonti za Custom kwenye Machapisho ya Wavuti
Maudhui ya maandishi daima imekuwa kipande muhimu cha tovuti, lakini katika siku za mwanzo za Mtandao, wabunifu na waendelezaji walikuwa wachache sana katika udhibiti wa uchapishaji ambao walikuwa na zaidi ya wavuti zao. Hii ilijumuisha upeo katika fonts ambazo ziliweza kutumia kwa uaminifu kwenye maeneo yao. Huenda umesikia neno "mtandao wa salama za fonti" zilizotajwa hapo awali. Hii inajulikana kwa seti ndogo ya fonts ambazo zilikuwa na uwezekano mkubwa wa kuingizwa kwenye kompyuta ya mtu, inamaanisha kuwa ikiwa tovuti unatumia moja ya fonts hizo, ni bet salama ambayo itafanywa kwa usahihi kwenye kivinjari cha mtu.
Leo, wataalamu wa wavuti wana wingi wa fonts mpya na chaguo za aina ya kufanya kazi na, moja ambayo ni muundo wa WOFF.
WOFF ni nini?
WOFF ni kifupi ambacho kinasimama kwa "Msimbo wa Ufunguo wa Wavuti wa Mtandao." Inatumiwa kubakia fonts kwa matumizi na mali ya CSS @ ya uso wa uso. Ni njia ya kuingiza fonts katika kurasa za wavuti ili uweze kutumia fonts maalum zaidi ya "Arial, Times New Roman, Georgia" - ambayo ni baadhi ya fonti za salama za mtandao zilizotaja hapo awali.
WOFF iliwasilishwa kwa W3C kama kiwango cha fonts za upakiaji kwa kurasa za wavuti. Ilikuwa rasimu ya kazi mnamo Novemba 16, 2010. Leo sisi tuna WOFF 2.0, ambayo inaboresha ukandamizaji kutoka kwa toleo la kwanza la muundo kwa karibu 30%. Katika hali nyingine, hifadhi hizi zinaweza kuwa zaidi zaidi!
Kwa nini kutumia WOFF?
Fonts za Mtandao, ikiwa ni pamoja na hizo zinazotolewa kupitia muundo wa WOFF, hutoa faida nyingi juu ya uchaguzi mwingine wa font. Kama muhimu kama fonts za salama za wavuti zimekuwa, na hakika bado kuna nafasi kwa fonts hizo katika kazi yetu, ni vizuri pia kupanua uchaguzi wetu na kufungua chaguzi zetu za uchapaji.
Fonti za WOFF zina faida zifuatazo:
- Wao ni zaidi kupatikana kuliko fonts kama picha. WOFF mitindo wazi Nakala HTML na CSS, kukupa upatikanaji na udhibiti wa kubuni kwamba picha si kuruhusu.
- Faili za WOFF zinajumuisha habari za uchapaji kama fomu za hali na vielelezo vya mtindo wa kale. Hii inatoa ukurasa wako wa wavuti bora uchapaji kwa sababu unatumia wahusika sahihi, sio tu takriban.
- Fonti za WOFF zinaweza kusaidia na kimataifa kwa sababu unaweza kuingiza fonts na wahusika kutoka kwa lugha zingine.
- Kama vile maandishi yote ya CSS yaliyotengenezwa, fonts zilizoandikwa na WOFF ni zaidi ya utafutaji wa kirafiki. Injini za utafutaji hazi "kuona" maandishi yaliyoingia kwenye picha, na wakati maandishi ya ALT yanaweza kusaidia, hakuna nafasi ya maandishi yenyewe.
- Fonti za WOFF zinasisitizwa, hivyo ni ndogo kuliko aina nyingine za faili za font. Hii itasaidia kasi ya kupakua ya tovuti na utendaji wa jumla.
- Unaweza kutumia faili za WOFF kuhifadhi utambulisho wa brand yako kwa kuingiza fonts zako za ushirika kama faili za WOFF.
WOFF Browser Support
WOFF ina msaada bora wa kivinjari kwenye vivinjari vya kisasa, ikiwa ni pamoja na:
- Chrome 6 +
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1 +
Inasaidiwa kikamilifu katika bodi siku hizi, na ubaguzi wa pekee kuwa matoleo yote ya Opera Mini.
Jinsi ya kutumia Fonti za WOFF
Ili utumie faili ya WOFF, unahitaji kupakia faili ya WOFF kwenye seva yako ya wavuti, nipe jina na mali ya uso ya uso, halafu piga simu kwenye CSS yako. Kwa mfano:
- Pakia font inayoitwa myWoffFont.woff kwenye saraka / fonts directory ya seva ya wavuti.
- Katika faili yako ya CSS Ongeza sehemu ya uso ya fomu:
@ uso wa uso {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') muundo ('woff');
}
- Ongeza jina la font mpya (myWoffFont) kwenye stack yako ya maandishi ya CSS, kama ungependa jina lingine la font:
p {
font-family: myWoffFont , Geneva, Arial, Helvetica, sans-serif;
}
Wapi Kupata Fonti za WOFF
Kuna maeneo mawili mazuri unaweza kupata fonts nyingi za WOFF ambazo zina huru kwa matumizi ya kibiashara na yasiyo ya kibiashara:
- Fungua Maktaba ya Font
- Squirrel ya Font
Ikiwa una leseni ya kutumia font ambayo haipatikani katika muundo wa WOFF, unaweza kutumia muumba wa WOFF kama katika Squirrel ya Font ili kubadilisha faili zako za font katika faili za WOFF. Kuna pia chombo cha mstari wa amri kinachoitwa sfnt2woff ambacho unaweza kutumia kwenye Macintosh na Windows ili kubadilisha fonts yako ya TrueType / OpenType kwa WOFF.
Pakua binary inayofaa kwa mfumo wako na kuitumia kwenye mstari wa amri (au Terminal) na ufuate maagizo.
Mfano wa WOFF
Hapa kuna mifano machache ya faili za WOFF: Ukurasa WOFF juu ya HTML5 katika Masaa 24.
Makala ya awali na Jennifer Krynin. Ilibadilishwa na Jeremy Girard mnamo 7/11/17