Prije toga, prilikom izrade web stranica, morali ste koristiti bitmap ikone. Bilo je lijepo, ali nezgodno iz raznih razloga. Danas su vektorske ikone zamijenile rasterske ikone. Ovo je originalno i elegantno rješenje koje će ukrasiti i osvježiti vašu stranicu.
Upute
Korak 1
Postoji dobra web usluga za stvaranje fontova iz ikona. Zove se Fontastic. Potpuno je besplatan i bez oglasa. Prvi korak je registracija na web mjestu usluge. Idite na web mjesto fontastic.me, unesite adresu e-pošte u polja za unos i stvorite lozinku, a zatim kliknite veliki žuti gumb "Izradi font s ikonom". Ponekad se dogodi da se ne prikazuju podaci koji potvrđuju uspješnu registraciju. Ne brinite zbog toga, prijeđite na sljedeći korak.
Korak 2
Sada kliknite gumb "Prijava" koji se nalazi u gornjem desnom kutu. Na stranici koja se otvori ponovo unesite svoj e-mail i lozinku, pritisnite gumb "Prijava".
Nakon čekanja nekoliko sekundi otvorit će se ploča za stvaranje fontova iz ikona.
3. korak
Ovdje je velik izbor ikona. Klikom miša na ikone koje vam se sviđaju odaberite onoliko ikona koliko vam je potrebno. Na vrhu, iza riječi "OBJAVI", naznačen je broj odabranih ikona.
4. korak
Ako nemate dovoljno ikona s prikazanog broja, pomaknite se prema dolje na dnu stranice i pronađite gumb s porukom "Dodaj još ikona". Kliknite na njega.
Korak 5
Otvorit će se stranica s dodatnim paketima ikona. Neki od njih su plaćeni (s oznakom "Premium"), neki su besplatni. Da biste aktivirali dodatne ikone, pritisnite gumb "AKTIVIRAJ" na odabranim paketima. Sada će se pojaviti na općem popisu dostupnih ikona kada prijeđete na početak rada s upravljačkom pločom klikom na gumb "Početna" u gornjem izborniku.
Korak 6
Ako trebate dodati vlastite ikone, na istoj stranici u gornjem desnom kutu kliknite gumb "UVOZI IKONE". Sada možete prenijeti vlastite ikone. Imajte na umu da je podržan samo SVG vektorski format.
7. korak
Nakon odabira potrebnog broja ikona, pritisnite gumb "PRILAGODI". Ovdje ćete vidjeti sve odabrane ikone i možete im dodijeliti proizvoljna imena klasa pomoću kojih ćete ih pozivati u CSS stilovima. Ili možete ostaviti zadana imena koja je sustav dodijelio ikonama.
Korak 8
Pritisnite gumb "OBJAVI". Ovdje možete preuzeti stvoreni font vektorske ikone (gumb "PREUZMI"). Na svoje računalo preuzmite arhivu fontova koju je stvorila usluga.
Korak 9
Preuzeta arhiva sadrži CSS datoteku stila, HTML datoteku s imenima klasa ikona i mapu "fontovi" s fontovima. Ovaj font ikone može se koristiti na vašem web mjestu.
Korak 10
Da biste koristili stvoreni font ikone, morate učiniti sljedeće:
- raspakirajte sadržaj arhive i prenesite na svoje mjesto u direktorij sa stilovima;
- umetnite vezu na CSS datoteku u odjeljak HEAD svih stranica web mjesta koje će raditi s ovim fontom ikone;
- u kodu stranice koristimo naziv prethodno stvorenih klasa da bismo koristili novostvoreni font ikone.
