Yuav Ua Li Cas Los Ua Koj Tus Kheej Lub Cim Font

Cov txheej txheem:

Yuav Ua Li Cas Los Ua Koj Tus Kheej Lub Cim Font
Yuav Ua Li Cas Los Ua Koj Tus Kheej Lub Cim Font

Video: Yuav Ua Li Cas Los Ua Koj Tus Kheej Lub Cim Font

Video: Yuav Ua Li Cas Los Ua Koj Tus Kheej Lub Cim Font
Video: yuav tau tsim kho tus kheej lub neej thiaj yuav vam meej tau 2024, Kaum ib hlis
Anonim

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.

Icon font piv txwv
Icon font piv txwv

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.

Rau npe nrog cov kev pabcuam Fontastic
Rau npe nrog cov kev pabcuam Fontastic

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.

Nkag mus hauv vaj huam sib luag ntawm Fontastic
Nkag mus hauv vaj huam sib luag ntawm Fontastic

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.

Xaiv cov cim icons
Xaiv cov cim icons

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.

Ntxiv cov cim tswv yim
Ntxiv cov cim tswv yim

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.

Ntxiv icon pob khoom
Ntxiv icon pob khoom

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.

Ntxiv rau peb tus kheej vector icons
Ntxiv rau peb tus kheej vector icons

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.

Paub cov kev xaiv vector cim
Paub cov kev xaiv vector 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.

Chaw thau khoom lub logo cim kab ntawv
Chaw thau khoom lub logo cim kab ntawv

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.

Archive nrog lub cim tsiaj ntawv
Archive nrog lub cim tsiaj ntawv

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.

Pom zoo: