Yav dhau los, thaum tsim cov chaw, koj yuav tsum siv cov cim bitmap. Nws zoo nkauj heev, tab sis tsis yooj yim rau ntau yam vim li cas. Niaj hnub no, vector icons tau hloov cov duab raster. Qhov no yog qhov qub thiab muaj kuab heev tov uas yuav kho kom zoo nkauj thiab kho koj lub xaib.
Cov Lus Qhia
Kauj ruam 1
Muaj qhov kev pabcuam zoo hauv web rau tsim cov ntawv sau los ntawm cov cim. Nws hu ua Fontastic. Nws yog tag dawb thiab tsis muaj kev tshaj tawm. Thawj kauj ruam yog los tso npe rau ntawm lub vev xaib pabcuam. Nkag mus rau lub vev xaib fontastic.me, sau koj email chaw nyob hauv cov chaw nkag teb thiab tsim tus password, tom qab ntawd nyem lub pob loj "Tsim koj Icon Font". Qee lub sij hawm nws tshwm sim uas tsis muaj cov ntaub ntawv lees paub txog kev cuv npe tiav. Tsis txhob txhawj xeeb txog nws, tsiv mus rau kauj ruam tom ntej.
Kauj ruam 2
Tam sim no nyem rau ntawm "Login" khawm nyob rau lub kaum sab xis saum toj. Ntawm nplooj ntawv uas qhib, nkag mus koj li e-mail thiab password dua, nyem khawm "Nkag mus".
Tom qab tos ob peb lub vib nas this, cov vaj huam sib luag rau kev tsim fonts los ntawm cov cim yuav qhib.
Kauj ruam 3
Ntawm no yog xaiv loj ntawm cov cim. Los ntawm txhaj rau cov cim koj nyiam nrog nas, xaiv ntau lub cim raws li koj xav tau. Nyob rau sab saum toj, tom qab lo lus "PUBLISH", tus naj npawb ntawm cov cim xaiv raug qhia.
Kauj ruam 4
Yog tias koj tsis muaj lub cim txaus los ntawm tus naj npawb nthuav tawm, nqes mus rau hauv qab nplooj ntawv thiab pom lub pob uas hais tias "Ntxiv ntau cov cim". Nyem rau nws.
Kauj ruam 5
Ib nplooj ntawv nrog cov cim icon ntim ntxiv yuav qhib. Ib txhia ntawm lawv tau them nyiaj (sau npe tias "Hwm"), qee qhov pub dawb. Txhawm rau txhawm rau ntxiv cov cim, nias "ACTIVATE" khawm ntawm cov pob xaiv khoom. Tam sim no lawv yuav tshwm sim nyob rau hauv daim ntawv teev dav dav ntawm cov cim thaum koj mus pib nrog kev tswj kav los ntawm txhaj rau "Tsev" khawm hauv cov ntawv qhia saum toj.
Kauj Ruam 6
Yog tias koj xav tau ntxiv koj tus kheej cov cim, tom qab ntawm tib nplooj ntawv ntawm sab xis saum toj, nyem rau ntawm "IMPORT ICONS" khawm. Tam sim no koj tuaj yeem upload koj tus kheej cov cim. Thov nco ntsoov tias tsuas yog SVG vector format tau txais kev txhawb nqa.
Kauj Ruam 7
Txhawm rau xaiv cov naj npawb tsim nyog ntawm cov cim, nias lub pob "CUSTOMIZE". Ntawm no koj yuav pom txhua tus cim xaiv, thiab koj tuaj yeem tso npe cov chav kawm tsis tseem ceeb rau lawv, los ntawm qhov koj yuav xa lawv mus rau hauv CSS cov cim. Los yog koj tuaj yeem tso cov npe neej neeg uas lub system tau muab rau ntawm cov cim.
Kauj ruam 8
Nias lub khawm "PUBLISH". Ntawm no koj tuaj yeem rub tau tus tsim vector icon font ("DOWNLOAD" khawm). Rub lub koos pis tawj tsim los ntawm qhov kev pabcuam rau koj lub khoos phis tawm.
Kauj Ruam 9
Cov ntawv tso tawm uas rub tawm muaj cov CSS style file, HTML file nrog rau cov npe ntawm chav kawm icon thiab "fonts" folder nrog cov fonts. Cov cim kab ntawv no tuaj yeem siv rau hauv koj lub vev xaib.
Kauj ruam 10
Txhawm rau siv cov cim tsim kab ntawv font, koj yuav tsum tau ua cov hauv qab no:
- tsis muab cov ntsiab lus ntawm cov archive thiab xa mus rau koj lub xaib hauv cov ntawv cim nrog cov qauv;
- ntxig qhov txuas rau CSS daim ntawv hauv ntu HEAD ntawm txhua nplooj ntawv site uas yuav ua haujlwm nrog tus cim kab ntawv no;
- hauv nplooj ntawv nplooj, peb siv lub npe ntawm cov chav kawm ua ntej tsim los siv cov cim tshiab tshiab tsim font.
