Kushandisa Maitiro Akashambadzira paWebhu Mapeji
Zvinyorwa zvinyorwa zvagara zviri chikamu chakakosha chemawebsite, asi mumazuva ekutanga eWebhu, vashandi nevasimudzi vakanga vasingakwanisi kunyora mubhuku re typographic ravakange vane pamusoro pewebhu dzavo. Izvi zvaisanganisira kukanganisa mumasikirwo avakakwanisa kushandisa zvakavimbika panzvimbo dzavo. Iwe unogona kunge wakanzwa izwi rokuti "web safe fonts" inotaurwa kare. Izvi zvaireva zviduku zvemafonti zvaive zvakanyanya kuiswa pamakombiyuta evanhu, zvichireva kuti kana iwe nzvimbo yepaiti yakashandisa imwe yemafaira acho, yaiva bheti yakachengeteka iyo yaizoshandurwa zvakanaka pamusana webhupu yevanhu.
Nhasi, webhutakiti vashandi vane mauto akawanda matsva uye zvingasarudzwa zvekufanirwa kushanda pamwe, imwe yadzo ndeyeWOFF format.
Chii chinonzi WOFF?
WOFF ichinyorwa chinoreva "Web Open Font Format." Inoshandiswa kukonzera mafonti ekushandiswa neCSS @ font-face property. Iyo inzira yekuisa mavara mumapeji ewebhu kuitira kuti iwe ushandise mafonti akazonyanya kudarika maitiro e "Arial, Times New Roman, Georgia" - iyo ndiyo imwe yeiyo inonzi web yakachengetedzwa mafonti.
WOFF yakatumirwa kuW3C semuenzaniso wekuvhara mafonti emapeji ewebhu. Yakava mushandi wekushanda munaNovember 16, 2010. Nhasi isu tine WOFF 2.0, iyo inovandudza kudzvinyirira kubva kwekutanga kwemafaira ne 30%. Mune zvimwe zviitiko, izvi zvingachengetwa zvinogona kunge zvakanyanya kupfuura!
Sei Uchishandisa WOFF?
Mafaira eWebhu, kusanganisira aya anowanikwa kuburikidza neWOFF format, anopa zvakawanda zvakanakira pane dzimwe sarudzo. Sezvakakosha semamwe webhutete akachengetedzwa akachengetedzwa, uye kune chokwadi nzvimbo iyo iyo mafonti mubasa redu, zvakanaka kuti tipewo zvisarudzo zvedu nekuzarura zvatinokwanisa kuita.
WOFF fonts ane zvinotevera:
- Izvo zvinowanikwa kupfuura mafonti semifananidzo. WOFF mafaira pachena HTML text ne CSS, zvichikupa kusvikika uye kugadziriswa kwekugadzira kuti mifananidzo isingabvumiri.
- Faira dzeWOFF dzinosanganisira typographical mashoko akafanana nemafungiro emamiriro ezvinhu uye nhamba dzekare dzemaitiro. Izvi zvinopa mapeji ako ewebhu zviri nani kudhinda zvinyorwa nekuti uri kushandisa vanhu vakarurama, kwete kungofanirwa.
- WOFF fonts inogona kubatsira nekunze kwenyika nokuti unogona kuisa mavara nemavara kubva kune dzimwe mitauro.
- Kungofanana neCSS yose yakanyorwa mavara, mazita akanyorwa neWOFF anowedzera kutsvaga injini. Tsvaga injini usati "ona" mavara akaiswa mufananidzo, uye apo magwaro eAl anogona kubatsira, hapana chinotsiviwa nemashoko acho pachako.
- WOFF fonts akaomeswa, saka ivo maduku kudarika mamwe mafaira emafaira. Izvi zvichatibatsira newebsite yekutsvaga nekukurumidza nekushanda.
- Iwe unogona kushandisa WOFF files kuti uchengetedze marimi yako nekunyoresa mafonti ako ehurumende seWOFF mafaira.
WOFF Browser Support
WOFF ine mubatsiri wakanakisisa web browser mumashambadziro emazuva ano, kusanganisira:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
Inonyanya kutsigirwa mubhodhi mazuva ano, uye kusarudzwa kwega kwega kushandurirwa kweOpera Mini.
Nzira yekushandisa nayo WOFF Fonts
Kuti ushandise faira reWOFF, unofanirwa kuisa WOFF file ku web server yako, ipe zita nezita @ font-face property, uye wobva waita font muCSS yako. Semuyenzaniso:
- Ita mafonti anonzi myWoffFont.woff ku / fonts directory ye web server.
- Muchidimbu cheCSS yako wedzera: chikamu chemavara-chiso:
@ font-face {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') maitiro ('woff');
}
- Wedzerai zita idzva rezita (myWoffFont) kuCSS yako font stack, sezvinoda iwe rimwe zita romuti:
p {
font-family: myWoffFont , Geneva, Arial, Helvetica, sans-serif;
}
Kwaungawana WOFF Fonts
Kune nzvimbo mbiri dzakakwirira unogona kuwana dzakawanda dzeWOFF fonts zvisingabhadharwi zvekutengeserana uye dzisiri dzekushandisa:
- Vhura Font Library
- Simba Gorosi
Kana uine reisheni yekushandisa fonti isingawaniki mune WOFF format, unogona kushandisa muumbi WOFF sepa Font Squirrel kuti uchinje mafaira ako emafaira muWOFF files. Panewo shanduro-line-line inonzi sfnt2woff yaungashandisa paMacintosh uye Windows kuti uchinje yako TrueType / OpenType mafonti kuWOFF.
Chengetedza bhinari yakakodzera kune yako sarudzo uye uiite pamutsetse wemirairo (kana Terminal) uye tevera mirairo.
WOFF Muenzaniso
Heano mienzaniso mishomanana yeWOFF files: WOFF Peji ye HTML5 muma 24 Maawa.
Nyaya yekutanga naJennifer Krynin. Yakarongedzwa naJeremy Girard musi wa7 / 7/17