Hapo awali, wakati wa kuunda tovuti, ilibidi utumie ikoni za bitmap. Ilikuwa nzuri, lakini haifai kwa sababu anuwai. Leo, ikoni za vector zimebadilisha ikoni za raster. Hili ni suluhisho la asili na la kifahari ambalo litapamba na kuburudisha tovuti yako.
Maagizo
Hatua ya 1
Kuna huduma nzuri ya wavuti ya kuunda fonti kutoka kwa ikoni. Inaitwa Fontastic. Ni bure kabisa na hakuna matangazo. Hatua ya kwanza ni kujiandikisha kwenye wavuti ya huduma. Nenda kwenye wavuti fontastic.me, ingiza anwani yako ya barua pepe kwenye sehemu za kuingiza na uunda nenosiri, kisha bonyeza kitufe kikubwa cha manjano "Unda herufi ya Picha". Wakati mwingine hufanyika kwamba hakuna habari inayothibitisha usajili uliofanikiwa hauonyeshwa. Usijali kuhusu hilo, endelea hatua inayofuata.
Hatua ya 2
Sasa bonyeza kitufe cha "Ingia" kilicho kona ya juu kulia. Kwenye ukurasa unaofungua, ingiza barua pepe na nywila yako tena, bonyeza kitufe cha "Ingia".
Baada ya kusubiri sekunde chache, jopo la kuunda fonti kutoka kwa ikoni litafunguliwa.
Hatua ya 3
Hapa kuna chaguo kubwa la ikoni. Kwa kubonyeza aikoni unazopenda na panya, chagua ikoni nyingi kama unahitaji. Juu, baada ya neno "CHAPISHA", idadi ya ikoni zilizochaguliwa imeonyeshwa.
Hatua ya 4
Ikiwa hauna ikoni za kutosha kutoka kwa nambari iliyowasilishwa, nenda chini chini ya ukurasa na upate kitufe kinachosema "Ongeza aikoni zaidi". Bonyeza juu yake.
Hatua ya 5
Ukurasa ulio na pakiti za aikoni za ziada utafunguliwa. Baadhi yao hulipwa (iliyoandikwa "Premium"), wengine ni bure. Ili kuamsha aikoni za ziada, bonyeza kitufe cha "WAKILISHA" kwenye vifurushi vilivyochaguliwa. Sasa wataonekana kwenye orodha ya jumla ya ikoni zinazopatikana wakati unapoanza na jopo la kudhibiti kwa kubofya kitufe cha "Nyumbani" kwenye menyu ya juu.
Hatua ya 6
Ikiwa unahitaji kuongeza aikoni zako mwenyewe, basi kwenye ukurasa huo huo kulia juu, bonyeza kitufe cha "INPORT ICONS". Sasa unaweza kupakia aikoni zako mwenyewe. Tafadhali kumbuka kuwa ni muundo wa vector wa SVG tu ambao unatumika.
Hatua ya 7
Baada ya kuchagua idadi inayotakiwa ya ikoni, bonyeza kitufe cha "Customize". Hapa utaona ikoni zote zilizochaguliwa, na unaweza kuwapa majina ya darasa holela, ambayo utayarejelea katika mitindo ya CSS. Au unaweza kuacha majina ya msingi ambayo mfumo umetoa kwa ikoni.
Hatua ya 8
Bonyeza kitufe cha "CHAPISHA". Hapa unaweza kupakua font ya icon ya vector iliyoundwa (kitufe cha "DOWNLOAD"). Pakua kumbukumbu ya fonti iliyoundwa na huduma kwenye kompyuta yako.
Hatua ya 9
Jalada lililopakuliwa lina faili ya mtindo wa CSS, faili ya HTML iliyo na majina ya madarasa ya ikoni na folda ya "fonts" iliyo na fonti. Fonti hii ya ikoni inaweza kutumika kwenye wavuti yako.
Hatua ya 10
Ili kutumia font ya ikoni iliyoundwa, unahitaji kufanya yafuatayo:
- onyesha yaliyomo kwenye kumbukumbu na upakie kwenye wavuti yako kwenye saraka na mitindo;
- ingiza kiunga kwa faili ya CSS katika sehemu ya HEAD ya kurasa zote za tovuti ambazo zitafanya kazi na fonti hii ya ikoni;
- katika nambari ya ukurasa, tunatumia jina la madarasa yaliyoundwa hapo awali kutumia fonti mpya ya ikoni.
