Kuidas Teha Oma Ikooni Font

Sisukord:

Kuidas Teha Oma Ikooni Font
Kuidas Teha Oma Ikooni Font

Video: Kuidas Teha Oma Ikooni Font

Video: Kuidas Teha Oma Ikooni Font
Video: Why you need this free font manager and how to use it 2024, Mai
Anonim

Varem tuli saitide loomisel kasutada bitikaardi ikoone. See oli ilus, kuid erinevatel põhjustel ebamugav. Tänapäeval on rasterikoonid asendanud vektorikoonid. See on originaalne ja elegantne lahendus, mis kaunistab ja värskendab teie saiti.

Ikooni fondi näide
Ikooni fondi näide

Juhised

Samm 1

Ikoonidest fontide loomiseks on hea veebiteenus. Seda nimetatakse Fontasticuks. See on täiesti tasuta ja reklaame pole. Esimene samm on registreerimine teenuse veebisaidil. Minge veebisaidile fontastic.me, sisestage sisendväljadele oma e-posti aadress ja looge parool, seejärel klõpsake suurel kollasel nupul "Loo oma ikooni font". Mõnikord juhtub, et edukat registreerimist kinnitavat teavet ei kuvata. Ärge muretsege selle pärast, minge järgmise sammu juurde.

Registreerimine teenuses Fontastic
Registreerimine teenuses Fontastic

2. samm

Nüüd klõpsake paremas ülanurgas asuvat nuppu "Logi sisse". Avanenud lehel sisestage uuesti oma e-posti aadress ja parool, vajutage nuppu "Logi sisse".

Mõne sekundi pärast ootamist avaneb ikoonidest fontide loomise paneel.

Sisestage juhtpaneel Fontastic
Sisestage juhtpaneel Fontastic

3. samm

Siin on suur valik ikoone. Klõpsates hiirega meeldivatel ikoonidel, valige nii palju ikoone kui vaja. Ülaosas, pärast sõna "AVALDA", näidatakse valitud ikoonide arvu.

Vektorikoonide valimine
Vektorikoonide valimine

4. samm

Kui teil pole esitatud numbrist piisavalt ikoone, kerige lehe allossa ja leidke nupp "Lisa rohkem ikoone". Klõpsake seda.

Ikoonide lisamine
Ikoonide lisamine

5. samm

Avaneb leht koos täiendavate ikoonipakettidega. Mõni neist on tasuline (sildiga "Premium"), mõni on tasuta. Täiendavate ikoonide aktiveerimiseks vajutage valitud pakettidel nuppu "AKTIIVI". Nüüd kuvatakse need olemasolevate ikoonide üldloendis, kui lähete juhtpaneeliga alustamiseks, klõpsates ülanurgas nupul "Kodu".

Ikoonipakettide lisamine
Ikoonipakettide lisamine

6. samm

Kui peate lisama oma ikoonid, klõpsake samal lehel paremas ülanurgas nuppu "IMPORTIKOONID". Nüüd saate oma ikoonid üles laadida. Pange tähele, et toetatakse ainult SVG vektorvormingut.

Lisage meie enda vektorikoonid
Lisage meie enda vektorikoonid

7. samm

Kui olete valinud vajaliku arvu ikoone, vajutage nuppu "KOHANDA". Siin näete kõiki valitud ikoone ja saate neile määrata suvalised klassinimed, mille abil saate neile viidata CSS-stiilides. Või võite jätta vaikenimed, mille süsteem on ikoonidele määranud.

Ülevaade valitud vektorikoonidest
Ülevaade valitud vektorikoonidest

8. samm

Vajutage nuppu "AVALDA". Siit saate alla laadida loodud vektorikooni fondi (nupp "DOWNLOAD"). Laadige teenuse loodud fondiarhiiv oma arvutisse alla.

Vektorikooni fondi laadimine
Vektorikooni fondi laadimine

9. samm

Allalaaditud arhiiv sisaldab CSS-i stiilifaili, HTML-faili koos ikooniklasside nimedega ja kausta "Fondid" koos fontidega. Seda ikoonifonti saab kasutada teie veebisaidil.

Arhiiv ikooni fondiga
Arhiiv ikooni fondiga

10. samm

Loodud ikooni fondi kasutamiseks peate tegema järgmist.

- pakkige arhiivi sisu lahti ja laadige oma saidile stiilidega kataloogi üles;

- sisestage kõigi selle ikoonifondiga töötavate saidilehtede jaotisse HEAD link CSS-failile;

- lehekoodis kasutame varem loodud klasside nime vastloodud ikoonifondi kasutamiseks.

Soovitan: