Siv Cov Kev Cai Ntiag Tug hauv Web Pages
Cov ntsiab lus ntawm phau ntawv yeej ib txwm ua ib qho tseem ceeb ntawm cov websites, tab sis nyob rau hauv cov hnub nyoog ntxov ntawm lub Web site, cov tsim tawm thiab cov neeg tsim khoom loj heev nyob rau hauv cov kev tswj xyuas uas lawv tau dhau lawv cov webpages. Qhov no kuj muaj kev txwv nyob rau hauv cov ntawv nyeem uas lawv tau siv tau los ntawm lawv qhov chaw. Koj muaj peev xwm tau hnov lub sij hawm "web nyab xeeb zoo nkauj" hais txog yav dhau los. Qhov no xa mus rau qhov me me ntawm cov ntawv nyeem uas zoo heev yuav tsum muaj nyob rau ntawm tus neeg lub computer, lub ntsiab lus uas yog tias koj qhov chaw siv ib qho ntawm cov ntawv sau, nws yog ib qhov kev nyab xeeb thawj uas nws tau ua kom raug ntawm tus neeg qhov browser.
Niaj hnub no, cov kws ua hauj lwm hauv web muaj ib lub tswv yim ntawm cov tshiab fonts thiab hom kev xaiv ua hauj lwm nrog, ib qho yog WOFF hom.
WOFF yog dab tsi?
WOFF yog ib qho kev siv lo lus "Open Web Form." Nws yog siv los ua kom cov ntawv siv rau CSS @ font-face property. Nws yog ib txoj hauv kev embed fonts hauv cov nplooj ntawv web kom koj siv tau cov ntawv tshwj xeeb tshaj li qhov "Arial, Times New Roman, Georgia" - uas yog ib co ntawm cov lus hais hauv cov ntawv ua kom zoo nkauj.
WOFF tau xa mus rau W3C raws li tus txheej txheem rau kev ntim cov ntawv rau cov nplooj ntawv web. Nws tau los ua ib txoj haujlwm ua haujlwm rau lub Kaum Ib Hlis 16, 2010. Niaj hnub no peb yeej muaj WOFF 2.0, uas pab txhawb qhov kev txav los ntawm tus thawj version ntawm hom ntawv los ntawm ze li ntawm 30%. Qee lub sij hawm, cov nyiaj txuag no tseem muaj ntau dua li qub!
Vim li cas thiaj siv WOFF?
Web fonts, nrog rau cov tauj ntawm WOFF hom, muab ntau txoj kev zoo dua lwm txoj kev xaiv font. Raws li cov kev pabcuam zoo li cov web ruaj ntseg zoo nkauj lawm, thiab yeej tseem yog qhov chaw rau cov ntawv tseem ceeb hauv peb qhov chaw ua haujlwm, nws yog qhov zoo los nthuav peb cov kev xaiv thiab qhib tau peb cov kev xaiv.
WOFF fonts muaj cov kev pab hauv qab no:
- Lawv muaj ntau dua siv tau ntau dua li cov duab ua duab. WOFF hom yoojyim HTML ntawv nrog CSS, muab koj cov voj voog thiab tsim tswj tias cov duab yuav tsis tso cai rau.
- Cov ntaub ntawv WOFF muaj xws li cov ntaub ntawv xws li cov ntsiab lus contextual thiab qub style cov duab. Qhov no ua rau koj cov nplooj ntawv web site zoo dua vim tias koj siv cov cim kom yog, tsis yog qhov nqes xwb.
- WOFF fonts tuaj yeem pab nrog internationalization vim koj tuaj yeem embed fonts nrog cov cim los ntawm lwm hom lus.
- Zoo li txhua CSS styled ntawv nyeem, fonts styled nrog WOFF muaj ntau nrhiav cav phooj ywg. Kev tshawb fawb xyaw ua ntsuas "tsis pom" cov ntaub ntawv kos nyob rau hauv ib qho duab, thiab thaum ALT ntawv tuaj yeem pab, tsis muaj dab tsi hloov rau cov ntawv nyeem nws tus kheej.
- WOFF fonts yog compressed, ces lawv me dua li lwm hom font ntaub ntawv. Qhov no yuav pab nrog qhov chaw download tau ceev thiab tag nrho kev ua tau zoo.
- Koj tuaj yeem siv WOFF cov ntaub ntawv khaws cia koj hom yog leejtwg los ntawm kev muab koj cov ntaub ntawv sau ua cov ntaub ntawv WOFF.
WOFF Browser Txhawb
WOFF muaj qhov browser zoo heev hauv cov websites uas niaj hnub, xws li:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
Nws yeej tseem zoo txhawb cov thoob plaws lub rooj tsavxwm hnub no, nrog rau kev kos tsuas yog ua txhua yam ntawm Opera Mini.
Yuav ua li cas siv WOFF Fonts
Yuav siv cov ntaub ntawv WOFF, koj yuav tsum xa cov ntaub ntawv WOFF rau koj lub web server, muab ib lub npe nrog lub vaj huam sib luag @ ntsej muag, thiab tom qab ntawd hu rau font hauv koj CSS. Piv txwv li:
- Upload tus font hu ua myWoffFont.woff rau lub / fonts directory ntawm lub web server.
- Hauv koj cov ntaub ntawv CSS ntxiv @ paper-face section:
@ font-face {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') hom ('woff');
}
- Ntxiv lub npe font (myWoffFont) rau koj tus CSS font pawg, zoo li koj yuav muaj lwm lub npe font:
p {
font-family: myWoffFont , Geneva, Arial, Helvetica, sans-serif;
}
Qhov twg los tau WOFF Fonts
Muaj ob qho chaw zoo nkauj uas koj tuaj yeem pom ntau WOFF fonts uas yog pub dawb rau kev lag luam thiab tsis siv lag luam:
- Qhib ntawv qiv ntawv qhib
- Font Nas
Yog hais tias koj muaj daim ntawv tso cai siv lub font uas tsis muaj nyob rau hauv ib hom ntawv WOFF, koj tuaj yeem siv WOFF tus creator zoo li tom ntawv Symbol los hloov koj cov ntawv xa font rau hauv cov ntaub ntawv WOFF. Kuj tseem muaj qhov twj hu ua "sfnt2woff" uas koj siv tau ntawm Macintosh thiab Windows los hloov koj TrueType / OpenType fonts rau WOFF.
Download tau lub binary uas tsim nyog rau koj lub cev thiab khiav ntawm txoj kab (los yog Terminal) thiab ua raws li cov lus qhia.
WOFF Piv txwv
Nov yog qee cov qauv ntawm WOFF cov ntaub ntawv: WOFF Page rau HTML5 hauv 24 teev.
Thawj tsab xov xwm los ntawm Jennifer Krynin. Edited by Jeremy Girard rau 7/11/17