Dříve jste při vytváření webů museli používat bitmapové ikony. Bylo to krásné, ale nepohodlné z různých důvodů. Dnes rastrové ikony nahradily vektorové ikony. Jedná se o originální a elegantní řešení, které ozdobí a osvěží váš web.
Instrukce
Krok 1
K vytváření písem z ikon existuje dobrá webová služba. Říká se tomu Fontastic. Je to zcela zdarma a žádné reklamy. Prvním krokem je registrace na webu služby. Přejděte na web fontastic.me, do zadávacích polí zadejte svou e-mailovou adresu a vytvořte heslo, poté klikněte na velké žluté tlačítko „Vytvořit své ikonové písmo“. Někdy se stane, že se nezobrazí žádné informace potvrzující úspěšnou registraci. Nedělejte si s tím starosti, přejděte k dalšímu kroku.
Krok 2
Nyní klikněte na tlačítko „Přihlásit se“v pravém horním rohu. Na stránce, která se otevře, zadejte znovu svůj e-mail a heslo, stiskněte tlačítko „Přihlásit“.
Po několika sekundách se otevře panel pro vytváření písem z ikon.
Krok 3
Zde je velký výběr ikon. Kliknutím myší na ikony, které se vám líbí, vyberte tolik ikon, kolik potřebujete. Nahoře za slovem „ZVEŘEJNIT“je uveden počet vybraných ikon.
Krok 4
Pokud nemáte dostatek ikon z uvedeného čísla, přejděte dolů do dolní části stránky a najděte tlačítko s nápisem „Přidat další ikony“. Klikněte na to.
Krok 5
Otevře se stránka s dalšími balíčky ikon. Některé z nich jsou placené (označené „Premium“), některé jsou zdarma. Chcete-li aktivovat další ikony, stiskněte na vybraných balíčcích tlačítko „AKTIVOVAT“. Nyní se zobrazí v obecném seznamu dostupných ikon, když přejdete na začátek používání ovládacího panelu kliknutím na tlačítko „Domů“v horní nabídce.
Krok 6
Pokud potřebujete přidat vlastní ikony, klikněte na stejné stránce vpravo nahoře na tlačítko „IMPORT ICONS“. Nyní můžete nahrát vlastní ikony. Pamatujte, že je podporován pouze vektorový formát SVG.
Krok 7
Po výběru požadovaného počtu ikon stiskněte tlačítko „VLASTNÍ“. Zde uvidíte všechny vybrané ikony a můžete jim přiřadit libovolné názvy tříd, podle kterých na ně budete odkazovat ve stylech CSS. Nebo můžete ponechat výchozí názvy, které systém přiřadil ikonám.
Krok 8
Stiskněte tlačítko „ZVEŘEJNIT“. Zde si můžete stáhnout vytvořené vektorové ikonové písmo (tlačítko „STAŽENÍ“). Stáhněte si archiv písem vytvořený službou do počítače.
Krok 9
Stažený archiv obsahuje soubor stylu CSS, soubor HTML s názvy tříd ikon a složku „fonts“s písmy. Toto ikonové písmo lze použít na vašem webu.
Krok 10
Chcete-li použít vytvořené ikonové písmo, musíte provést následující:
- rozbalte obsah archivu a nahrajte na svůj web v adresáři se styly;
- vložte odkaz na soubor CSS do sekce HLAVA všech stránek webu, které budou pracovat s tímto ikonovým písmem;
- v kódu stránky použijeme název dříve vytvořených tříd k použití nově vytvořeného ikonového písma.
