Predtým ste pri vytváraní webov museli používať ikony bitmáp. Bolo to krásne, ale z rôznych dôvodov nepohodlné. Vektorové ikony dnes nahradili ikony rastrové. Jedná sa o originálne a elegantné riešenie, ktoré ozdobí a osvieži váš web.
Inštrukcie
Krok 1
Na vytváranie fontov z ikon existuje dobrá webová služba. Volá sa Fontastic. Je to úplne zadarmo a žiadne reklamy. Prvým krokom je registrácia na webovej stránke služby. Prejdite na web fontastic.me, do svojich vstupných polí zadajte svoju e-mailovú adresu a vytvorte heslo. Potom kliknite na veľké žlté tlačidlo „Vytvorte svoje ikonové písmo“. Niekedy sa stane, že sa nezobrazia žiadne informácie potvrdzujúce úspešnú registráciu. Nerobte si z toho starosti, prejdite na ďalší krok.
Krok 2
Teraz kliknite na tlačidlo „Prihlásiť sa“umiestnené v pravom hornom rohu. Na stránke, ktorá sa otvorí, zadajte znova svoj e-mail a heslo, stlačte tlačidlo „Prihlásiť sa“.
Po niekoľkých sekundách sa otvorí panel na vytváranie fontov z ikon.
Krok 3
Tu je veľký výber ikon. Kliknutím myši na ikony, ktoré sa vám páčia, vyberte toľko ikon, koľko potrebujete. V hornej časti za slovom „ZVEREJNIŤ“je uvedený počet vybraných ikon.
Krok 4
Ak nemáte dostatok ikon zo zadaného čísla, posuňte zobrazenie nadol do dolnej časti stránky a nájdite tlačidlo s názvom „Pridať ďalšie ikony“. Kliknite na ňu.
Krok 5
Otvorí sa stránka s ďalšími balíčkami ikon. Niektoré z nich sú platené (s označením „Premium“), niektoré sú zadarmo. Ak chcete aktivovať ďalšie ikony, stlačte na vybraných balíkoch tlačidlo „AKTIVOVAŤ“. Teraz sa zobrazia vo všeobecnom zozname dostupných ikon, keď idete na úvod do ovládacieho panela kliknutím na tlačidlo „Domov“v hornom menu.
Krok 6
Ak potrebujete pridať svoje vlastné ikony, potom na rovnakej stránke vpravo hore kliknite na tlačidlo „IMPORT ICONS“. Teraz môžete nahrať svoje vlastné ikony. Upozorňujeme, že je podporovaný iba vektorový formát SVG.
Krok 7
Po zvolení požadovaného počtu ikon stlačte tlačidlo „CUSTOMIZE“. Tu uvidíte všetky vybrané ikony a môžete im priradiť ľubovoľné názvy tried, podľa ktorých na ne budete odkazovať v štýloch CSS. Alebo môžete ponechať predvolené názvy, ktoré systém priradil ikonám.
Krok 8
Stlačte tlačidlo „ZVEREJNIŤ“. Tu si môžete stiahnuť vytvorené vektorové ikonové písmo (tlačidlo „STIAHNUŤ“). Stiahnite si archív fontov vytvorený službou do svojho počítača.
Krok 9
Stiahnutý archív obsahuje súbor so štýlom CSS, súbor HTML s názvami tried ikon a priečinok „fonts“(písma). Toto ikonové písmo je možné použiť na vašom webe.
Krok 10
Ak chcete použiť vytvorené písmo ikon, musíte urobiť nasledovné:
- rozbaľte obsah archívu a nahrajte ho na svoj web v štýlovom adresári;
- vložte odkaz na súbor CSS do sekcie HEAD všetkých stránok, ktoré budú pracovať s týmto ikonovým písmom;
- v kóde stránky použijeme názov predtým vytvorených tried na použitie novo vytvoreného ikonového písma.
