Porovnány čtyři vlastní generátory písem ikon
Ikony písma jsou teď v pořádku. Usnadňují tak vložení vektorové grafiky na stránku, na kterou se návrháři z celého světa obracejí jako na primární způsob manipulace s ikonami.
Problém samozřejmě je, že potřebujeme větší kontrolu nad tím, které ikony vložíme. Někdy čerpáme z různých zdrojů, včetně naší vlastní práce, a potřebujeme dobrý způsob, jak to všechno dát dohromady. Zadejte generátory fontů ikon. Postupujte dále a porovnáváme několik našich oblíbených položek.
Proč generátor?
Nevýhodou použití ikon písma je, že jste omezeni ikonami, které se náhodou nacházejí v sadě, kterou jste stáhli. Pokud chcete zahrnout tři různé ikony ze tří různých sad, musíte načíst do tří různých písem, což by ve skutečnosti mohlo znamenat načtení do stovek ikon, které prostě nepotřebujete.
Samozřejmě, pokud se chystáte na štíhlou, střední stránku bez zbytečných zdrojů a zbytečného načítání, toto není nejlepší způsob, jak jít o vkládání ikon. Zde přicházejí vlastní ikonová písma. V tomto scénáři vezmete své tři ikony, vyhodíte je do jediného malého vlastního zabudovaného písma a vložíte je na svou stránku.
Bohužel, ne všichni z nás mají znalosti nebo zdroje k vytváření vlastních písem. Nebojte se však, tyto vlastní generátory ikon ikon jste se zabývali. Ať už chcete použít své vlastní ikony nebo využít stávající sady ikon, níže je k dispozici nástroj, jak tuto práci dokončit.
Fontello
První generátor, který se chystáme podívat, je Fontello. Tato aplikace je super úhledná, opravdu snadno použitelná a má jedenáct zcela bezplatných sad ikon, včetně Awesome a Iconic. Neexistují tisíce ikon, z nichž si můžete vybírat, ale určitě stačí, abyste našli to, co hledáte.
Když už mluvíme o hledání toho, co hledáte, je tento úkol jednoduchý díky okamžité aktualizaci funkce vyhledávání v horní části stránky. Miluji živé filtrování zde, což je mnohem lepší, než čekat na načtení nové stránky s výsledky vyhledávání.
Výběr ikon pro vlastní písmo je stejně snadný jako kliknutí na ně. Poté, co jste našli a vybrali ikony, které chcete zahrnout, přejděte na druhou kartu, kde můžete změnit názvy každé ikony. Je to málo možností přizpůsobení, jako je tento, díky kterým je Fontello tak skvělý.
Dalším krokem je podívat se na kartu „Upravit kódy“, abyste si mohli přizpůsobit znaky, které jsou spojeny s každou ikonou. To je dostatečně snadné, jednoduše použijte poskytnutá pole.
Po dokončení výše uvedených kroků jste všichni připraveni jít. Jednoduše zadejte název souboru a kliknutím na odkaz pro stažení dostanete vlastní písmo.
Stažení
Stažení souboru Fontello obsahuje neuvěřitelných čtrnáct souborů rozložených do několika složek. Stopa každého souboru je malá, ale samotný počet položek, které obdržíte, se může zdát ohromující pro někoho, kdo hledal jednoduché řešení. Jak již bylo řečeno, je opravdu hezké mít plně funkční příklad, ze kterého lze pracovat, a prošli spoustou úsilí, aby se ujistili, že je vše co možná nejpřístupnější v prohlížeči.
IcoMoon
Další aplikace, na kterou se podíváme, je IcoMoon. Upřímně řečeno, je to hodně jako Fontello, ale je třeba prozkoumat některé klíčové rozdíly.
Stejně jako u služby Fontello můžete procházet ikonami posouváním nebo pomocí funkce integrovaného vyhledávání najít něco konkrétního.
K dispozici je mnohem více ikon, než vidíte ve výchozím nastavení. Chcete-li se podívat na zbytek, stiskněte tlačítko „Knihovna“ v horní části obrazovky.
Tím se dostanete na stránku, která má v současné době k dispozici šestnáct různých sbírek, z nichž mnohé jsou zdarma, zatímco jiné musí být zakoupeny.
Import dalších zdrojů
Jednou z nejlepších funkcí IcoMoon je schopnost importovat další zdroje, které můžete zahrnout do vaší vlastní sestavy. Můžete nahrát další fonty ikon nebo dokonce vlastní grafiku SVG. Díky tomu je IcoMoon úžasným zdrojem pro kohokoli, kdo chce vytvořit vlastní písmo ikon od začátku.
Generování písma
Jakmile jsou vaše ikony vybrány, můžete přistoupit ke stažení písma pomocí tlačítka v dolní části stránky. Také si všimněte, že máte možnost stáhnout ikony jako obrázek (vygeneruje sprite stránku).
Stejně jako v případě aplikace Fontello máte před stahováním několik možností pro změnu nastavení a kódování písma.
Stažení
Stahování je zde podstatně menší než u Fontello. Existuje pouze devět souborů, z nichž pět je skutečným písmem. V podstatě vám Fontello dává spoustu souborů CSS, zatímco IcoMoon jej kondenzuje do jednoho. Díky tomu je vše mnohem přehlednější a demo stránka je také hezčí.
Piktogram
Další na našem seznamu je Pictonic. Chcete-li používat tento web, musíte se zaregistrovat k účtu. Odtud dostanete tři možnosti. Můžete použít bezplatné ikony, používat placené ikony s sazbou 0, 59 $ za ikonu nebo získat neomezený přístup za 199 $.
Zde vidíme stejný vrták jako předtím, použijte funkci živého vyhledávání nebo procházejte dostupné ikony posouváním a kliknutím na ty, které chcete.
K dispozici je také rozbalovací nabídka, která vám umožní snadno filtrovat výsledky podle kategorie. Je to také dobrý způsob, jak se podívat na 320 ikon zdarma (což jsou většinou sociální a softwarová loga).
Stažení
Tentokrát opravdu nevidím žádné možnosti pro přizpůsobení stahování, jednoduše kliknete na „Pokračovat“, pak na „Stáhnout“ a dostanete, co se ukáže jako náš zatím největší download.
S Pictonic automaticky přijímáte soubory téměř stejným způsobem, jak byste si mohli přát: soubory písem, PNG a SVG. Počet souborů, které obdržíte, závisí na počtu zvolených ikon. Líbí se mi, že mám všechny tyto možnosti, ale rád bych si před stažením vybral, co dělám a nechci.
Pictos Server
Uložil jsem odlehlý konec. Pictos Server se zabývá věcmi trochu jinak než ostatní weby. Namísto vytváření vlastního písma, které si stáhnete a vložíte na svůj vlastní server, Pictos hostí ikony. Obecně se nazývá „Typekit ikon“, což je slušný popis toho, co od služby můžete očekávat.
Podle mého počtu existuje v současné době kolem 338 ikon na výběr. Nabídku můžete zúžit výběrem z jedné ze sad Pictos nebo hledáním něčeho konkrétního.
Jakmile vyberete ikony, můžete zadat znaky, které chcete pro každou ikonu reprezentovat. Odtud jednoduše kliknete na tlačítko „Generovat kód“, které vám umožní vložit odkaz CSS, který jednoduše zahodíte do svého souboru.
Ceny
Vzhledem k tomu, že Pictos je hostingová služba, je evidentně zahrnut měsíční poplatek. Ceny plánů jsou stanoveny podle zobrazení stránek, počínaje 0 $ pro až 25 000 zobrazení měsíčně až po 50 $ až 4 000 000 zobrazení měsíčně.
Je také důležité si uvědomit, že bezplatný plán se zdá být omezen na dvanáct ikon na písmo.
Jak se porovnávají?
Odpověď na otázku, který web je „nejlepší“, samozřejmě závisí na vašich konkrétních potřebách. Zdá se, že každý web vyniká svým vlastním způsobem. Pokud hledáte nejjednodušší řešení, nemůžete porazit Pictos Server. Je zde opravdu jen velmi málo práce a vkládání písma ikon je hračka.
Pokud hledáte spoustu bezplatných písem bez potíží s registrací účtu, podívejte se na Fontello. Je to skvělá služba se spoustou možností a pravděpodobně to bude vše, co potřebujete.
Pokud jde o funkce a možnosti, IcoMoon je těžké porazit. Líbí se mi, že vám umožňuje nahrávat a integrovat vlastní práci nebo dokonce i jiná písma ikon, která jste našli. Jsou zde také tuny bezplatných ikon a dokonce i nějaké prémiové balíčky, pokud opravdu chcete jít ven.
Celkově byl Pictonic pravděpodobně mým nejoblíbenějším parta. Výběr bezplatných ikon nebyl tak skvělý a nemáte možnosti přizpůsobení, které mají ostatní služby. Jedna věc, která se mi na Pictonic líbí, je přímý cenový model prémiových ikon: 0, 59 $ za ikonu nebo 199 $ pro neomezený přístup. Pěkné a jednoduché!
Který generátor ikon je váš oblíbený?
Celkově se všechny čtyři z těchto služeb vyplatí vyzkoušet. Všechny jsou opravdu snadno použitelné a nabité hodnotami.
Nyní, když jste viděl moje myšlenky na tyto čtyři generátory písma, zanechte komentář níže a řekněte mi své myšlenky. Využili jste některou z těchto služeb v minulých projektech? Který doporučujete? Jaké jsou další možnosti, které mi chyběly?
