Prej ste pri ustvarjanju spletnih mest morali uporabljati bitne ikone. Bilo je lepo, a iz različnih razlogov neprijetno. Danes so vektorske ikone zamenjale rastrske ikone. To je izvirna in elegantna rešitev, ki bo okrasila in osvežila vaše spletno mesto.
Navodila
Korak 1
Obstaja dobra spletna storitev za ustvarjanje pisav iz ikon. Imenuje se Fontastic. Je popolnoma brezplačen in brez oglasov. Prvi korak je registracija na spletnem mestu storitve. Pojdite na spletno mesto fontastic.me, vnesite svoj e-poštni naslov v polja za vnos in ustvarite geslo, nato kliknite velik rumeni gumb "Ustvari svojo ikono pisave". Včasih se zgodi, da niso prikazane nobene informacije, ki potrjujejo uspešno registracijo. Ne skrbite zaradi tega, pojdite na naslednji korak.
2. korak
Zdaj kliknite gumb "Prijava" v zgornjem desnem kotu. Na strani, ki se odpre, znova vnesite svoj e-naslov in geslo, pritisnite gumb "Prijava".
Po nekaj sekundah se odpre plošča za ustvarjanje pisav iz ikon.
3. korak
Tu je velika izbira ikon. S klikom na ikone, ki so vam všeč z miško, izberite toliko ikon, kot jih potrebujete. Na vrhu je za besedo "OBJAVI" navedeno število izbranih ikon.
4. korak
Če na predstavljeni številki nimate dovolj ikon, se pomaknite navzdol do dna strani in poiščite gumb »Dodaj več ikon«. Kliknite nanjo.
5. korak
Odprla se bo stran z dodatnimi paketi ikon. Nekateri so plačani (z oznako "Premium"), nekateri so brezplačni. Če želite aktivirati dodatne ikone, na izbranih paketih pritisnite gumb "AKTIVIRAJ". Zdaj se bodo pojavile na splošnem seznamu razpoložljivih ikon, ko začnete z uporabo nadzorne plošče s klikom na gumb »Domov« v zgornjem meniju.
6. korak
Če morate dodati svoje ikone, na isti strani zgoraj desno kliknite gumb "UVOZI IKNE". Zdaj lahko naložite svoje ikone. Upoštevajte, da je podprt samo vektorski format SVG.
7. korak
Ko ste izbrali zahtevano število ikon, pritisnite gumb "PRILAGODI". Tukaj boste videli vse izbrane ikone in jim lahko dodelite poljubna imena razredov, s katerimi se boste sklicevali nanje v slogih CSS. Lahko pa pustite privzeta imena, ki jih je sistem določil za ikone.
8. korak
Pritisnite gumb "OBJAVI". Tu lahko prenesete ustvarjeno pisavo vektorske ikone (gumb "PRENESI"). V računalnik prenesite arhiv pisav, ki ga je ustvarila storitev.
9. korak
Preneseni arhiv vsebuje datoteko sloga CSS, datoteko HTML z imeni razredov ikon in mapo "pisave" s pisavami. To pisavo ikone lahko uporabite na vašem spletnem mestu.
10. korak
Če želite uporabiti ustvarjeno pisavo ikone, morate storiti naslednje:
- razpakirajte vsebino arhiva in naložite na svoje spletno mesto v imenik s slogi;
- v razdelek HEAD vseh strani strani, ki bodo delovale s to pisavo ikone, vstavite povezavo do datoteke CSS;
- v kodi strani uporabljamo ime prej ustvarjenih razredov, da uporabimo novo ustvarjeno pisavo ikone.