Ranije ste prilikom izrade web lokacija morali koristiti bitmap ikone. Bilo je lijepo, ali nezgodno iz različitih razloga. Danas su vektorske ikone zamijenile rasterske ikone. Ovo je originalno i elegantno rješenje koje će ukrasiti i osvježiti vašu stranicu.
Instrukcije
Korak 1
Postoji dobra web usluga za stvaranje fontova od ikona. Zove se Fontastic. Potpuno je besplatan i bez oglasa. Prvi korak je registracija na web lokaciji usluge. Idite na web mjesto fontastic.me, unesite svoju adresu e-pošte u polja za unos i kreirajte lozinku, a zatim kliknite veliko žuto dugme "Napravi svoj font s ikonom". Ponekad se dogodi da se ne prikažu nikakve informacije koje 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 uglu. Na stranici koja se otvori ponovo unesite svoj e-mail i lozinku, pritisnite dugme "Prijava".
Nakon čekanja nekoliko sekundi, otvorit će se ploča za stvaranje fontova iz ikona.
Korak 3
Ovdje je veliki 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.
Korak 4
Ako nemate dovoljno ikona s prikazanog broja, pomaknite se prema dnu stranice i pronađite dugme "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ćenitom popisu dostupnih ikona kada započnete 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 učitati vlastite ikone. Imajte na umu da je podržan samo SVG vektorski format.
Korak 7
Nakon odabira potrebnog broja ikona, pritisnite dugme "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 sistem dodijelio ikonama.
Korak 8
Pritisnite dugme "OBJAVI". Ovdje možete preuzeti stvoreni font ikone vektora (dugme "PREUZMI"). Na svoj računar 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" sa fontovima. Ovaj font ikone može se koristiti na vašoj web lokaciji.
Korak 10
Da biste koristili kreirani font ikone, morate učiniti sljedeće:
- raspakirajte sadržaj arhive i otpremite na svoju stranicu u direktorij sa stilovima;
- umetnite vezu do CSS datoteke u odjeljak HEAD svih stranica web mjesta koje će raditi s ovim fontom ikone;
- u kodu stranice koristimo ime prethodno kreiranih klasa da bismo koristili novostvoreni font ikone.
