Dati, kapag lumilikha ng mga site, kailangan mong gumamit ng mga icon ng bitmap. Ito ay maganda, ngunit hindi maginhawa para sa iba't ibang mga kadahilanan. Ngayon, pinalitan ng mga vector icon ang mga raster icon. Ito ay isang orihinal at matikas na solusyon na palamutihan at i-refresh ang iyong site.
Panuto
Hakbang 1
Mayroong isang mahusay na serbisyo sa web para sa paglikha ng mga font mula sa mga icon. Tinawag itong Fontastic. Ito ay ganap na libre at walang mga ad. Ang unang hakbang ay upang magparehistro sa website ng serbisyo. Pumunta sa website fontastic.me, ipasok ang iyong email address sa mga input field at lumikha ng isang password, pagkatapos ay i-click ang malaking dilaw na pindutan na "Lumikha ng iyong Icon Font". Minsan nangyayari na walang impormasyon na nagkukumpirma sa matagumpay na pagpaparehistro ang ipinakita. Huwag mag-alala tungkol dito, magpatuloy sa susunod na hakbang.
Hakbang 2
Ngayon mag-click sa pindutang "Login" na matatagpuan sa kanang sulok sa itaas. Sa bubukas na pahina, ipasok muli ang iyong e-mail at password, pindutin ang pindutang "Login".
Matapos maghintay ng ilang segundo, magbubukas ang panel para sa paglikha ng mga font mula sa mga icon.
Hakbang 3
Narito ang isang malaking pagpipilian ng mga icon. Sa pamamagitan ng pag-click sa mga icon na gusto mo gamit ang mouse, pumili ng maraming mga icon hangga't kailangan mo. Sa tuktok, pagkatapos ng salitang "I-PUBLISH", ang bilang ng mga napiling mga icon ay ipinahiwatig.
Hakbang 4
Kung wala kang sapat na mga icon mula sa ipinakita na numero, mag-scroll pababa sa ilalim ng pahina at hanapin ang pindutan na nagsasabing "Magdagdag ng higit pang mga icon". Pindutin mo.
Hakbang 5
Ang isang pahina na may karagdagang mga pack ng icon ay magbubukas. Ang ilan sa mga ito ay binabayaran (may label na "Premium"), ang ilan ay libre. Upang buhayin ang mga karagdagang icon, pindutin ang pindutang "GAWAIN" sa mga napiling package. Ngayon ay lilitaw ang mga ito sa pangkalahatang listahan ng mga magagamit na mga icon kapag nagpunta ka sa pagsisimula sa control panel sa pamamagitan ng pag-click sa pindutang "Home" sa tuktok na menu.
Hakbang 6
Kung kailangan mong magdagdag ng iyong sariling mga icon, pagkatapos ay sa parehong pahina sa kanang tuktok, mag-click sa pindutang "IMPORT ICONS". Maaari ka na ngayong mag-upload ng iyong sariling mga icon. Mangyaring tandaan na ang SVG vector format lamang ang sinusuportahan.
Hakbang 7
Napili ang kinakailangang bilang ng mga icon, pindutin ang pindutang "I-CUSTOMIZE". Makikita mo rito ang lahat ng mga napiling mga icon, at maaari kang magtalaga ng di-makatwirang mga pangalan ng klase sa kanila, kung saan i-refer mo ang mga ito sa mga estilo ng CSS. O maaari mong iwanan ang mga default na pangalan na itinalaga ng system sa mga icon.
Hakbang 8
Pindutin ang pindutang "I-PUBLISH". Dito maaari mong i-download ang nilikha na vector icon font (pindutan na "I-DOWNLOAD"). I-download ang font archive na nilikha ng serbisyo sa iyong computer.
Hakbang 9
Naglalaman ang na-download na archive ng file na istilong CSS, ang file na HTML na may mga pangalan ng mga klase ng icon at ang folder na "font" na may mga font. Ang font ng icon na ito ay maaaring magamit sa iyong website.
Hakbang 10
Upang magamit ang nilikha na font ng icon, kailangan mong gawin ang sumusunod:
- I-unpack ang mga nilalaman ng archive at i-upload sa iyong site sa direktoryo na may mga estilo;
- Magpasok ng isang link sa isang CSS file sa seksyon ng HEAD ng lahat ng mga pahina ng site na gagana kasama ng font ng icon na ito;
- sa code ng pahina, ginagamit namin ang pangalan ng mga dating nilikha na klase upang magamit ang bagong nilikha na font ng icon.
