Ikonové písma jsou neužitečně užitečné při navrhování webu a mají obrovský počet výhod oproti běžným ikonám.

Jelikož jsou dodávány jako soubor písem a jsou vloženy jako písmo, mohou být tyto ikony snadno škálovatelné, jejich barva může být pozměněna naživo, než aby bylo nutné upravovat obrázky; spolu s tím mohou být přidány různé efekty prostřednictvím kódování, jako jsou stíny, efekty mrtvice nebo přechody, což je mnohem více mnohostranné než obrazy.

Zde budeme zaokrouhlovat některé z nejlepších písem na ikonách, které může světový web nabídnout, abyste je mohli používat na svých stránkách.

Fico

Fico je fantastické hledá písmo, představené na krásném webu, což z něj dělá radost pro stahování a použití. Stránka jasně ukazuje, který dopis nebo glyf se používá pro každou ikonu, což odstraňuje občas bolestivý proces stahování písma ikony, jen abyste zjistili, že nemáte tušení, kde najít každou ikonu na klávesnici a strávit drahocenný čas na každém klíči. Tyto ikony vypadají fantasticky ve spojení s programem Helvetica, čisté hladké linie, které společně tematicky vytvářejí pocit, že Fico byl vyroben pro bezplošné písmo. Další příklady lze vidět na jejich stránkách.

Pixelovaný

Pixelovaný je písmo, které má přes praktické využití praktické využití. Pixelovaný je extrémně lehký, velikosti souborů ikon průměrně kolem 60 bajtů! Ne megabajty, ba dokonce kilobyty, bajty! Můžete je také stáhnout jako transparentní GIF, takže jsou kompatibilní s IE6 a pokud byste je chtěli upravovat, můžete si stáhnout soubor PSD. Písmo je dodáváno se dvěma barevnými schémami, které jsou zobrazeny níže a jejich použití je ještě jednodušší. Je zcela zdarma a je k dispozici pro komerční využití!

Entypo

Překvapivě pro písmo se 100 ikonami, Entypo je zcela zdarma a jako Pixel je k dispozici pro komerční využití. Lze jej stáhnout jako vektorový soubor pro editaci vedle souboru písma OpenType. Toto písmo velmi připomíná ikony rozhraní Apple, které se používají v systémech iOS5 a OSX10, a jako pěkný dotek, 50% veškerých dárků provedených na webu písma je věnováno Wikipedii.

Uicons

Kromě spíše vtipného jména, Uicons nabízejí 391 ikon ve své sadě a obsahují ikony specifické pro sociální sítě, které jsou často špatně v písmech ikon. Není divu, že tato sada není zdarma, nicméně za poměrně levný $ 20 všechny následné aktualizace písma jsou zdarma. Tyto ikony jsou navrženy tak, aby byly neomezitelně škálovatelné, což zjednodušuje design od 1080p stolních displejů až po mobilní zařízení, jako je iPhone. Může být stažena ve více formátech, ale ne jako písmo v současné době, je zahrnuto do tohoto seznamu jako podpora čeká, a zaslouží si zde místo.

Ikonický

Ikonický je sada ikon s otevřeným zdrojem, která se skládá z 171 ikon v různých formátech, včetně písma. Je navržena tak, aby byla škálovatelná, "má za cíl být nejpopulárnější ikonou nastavenou na základě její podpory postupů orientovaných vpřed / vzad. Ikony by neměly být jen jasné a atraktivní, měly by být snadno a flexibilně pracovat s '. Povaha tohoto písma s otevřeným zdrojovým kódem znamená, že byla přidána z nutnosti, když byly potřebné ikony, spíše než plánované jako soubor od začátku, což vedlo k tomu, že do sady byly zahrnuty některé zajímavé a méně konvenční ikony.

Sanscons

Tento je přizpůsobení jiného písma, Bitkony , sadu 120 ikon v 10 různých barvách a různých velikostech. Společnost Sanscons si klade za cíl učinit Bitcons více CSS přátelský, s průhledným pozadím a třemi barvami. Ikony také přicházejí v rozměrech 16 × 16, 32 × 32 a 64 × 64 pixelů. Ikony 32 × 32 a 64 × 64 mají výraznější vzhled a zachovávají styl pixelů. Sada je zdarma pod licencí Creative Commons.

Heydings

Heydings je písmo vytvořené z "frustrujícího deficitu vysoce kvalitních, bezplatných fontů webových ikon dostupných pro vkládání", ve slovech tvůrců. Obsahuje 60 Glyfů a webová stránka dokonce nabízí službu CSS, která usnadní kódování pomocí písma. Autor také mapoval ikony abecedně pro další snadné použití. Ty jsou navrženy tak, aby byly použity jako součást hlavního uživatelského rozhraní vašeho webu, takže glyfy pokrývají širokou škálu různých webů.

Jen vektor

Tato sada ikon je doprovázena rozsáhlým webem, který zahrnuje všechny aspekty Jen vektor , jak je vykresleno v prohlížeči tak, jak by to vypadalo na formátovaném webu v různých velikostech spolu s kódem, který usnadňuje @ fontface'ing. Obsahuje dokonce i praktickou příručku pro odstraňování problémů, která se vztahuje na všechny webfonty, zahrnující načítání v různých prohlížečích, včetně mobilních. Webová stránka demonstruje škálovatelnost písma, která zobrazuje velikost mnohem větší než mnoho fontů s ikonami, které se obtěžují podporovat.

Flexi sociální ikony

Flexi je k dispozici na stránce myfonts.com, která ručně nabízí stránku zobrazující vykreslování písma na více prohlížečích. Písmo má 68 glyfů a stojí 29 dolarů, stejně jako webfont poskytuje možnosti OpenType OTF a TrueType pro všestrannost.

WriteSocial

Writesocial má jen 18 níže zobrazených ikon, avšak $ 10 je ospravedlněno variantami, ve kterých mohou přicházet, s možnostmi jako čtvercové nebo kruhové ikony. Dodává se s formátem Open Type, stejně jako s licencí pro použití s ​​@ font-face. Při zakoupení máte k dispozici soubor HTML s několika příklady použití písma @ font-face. Kromě toho se můžete rozhodnout zaplatit 15 dolarů za písmo místo standardních 10 dolarů, kde 10 dolarů z 15 dolarů půjde do charity: voda.

ikoo

ikoo je písmo speciálně vyvinuté pro integraci do html stránky bez použití obrázků přes @FontFace nebo jinými prostředky. Zaměřuje se na navigaci na webu a nabízí řadu skutečně čistých ikon v bílé i černé variantě s celkem 65 bezplatnými ikonami.

InfoBity (ikony a obrázky)

To vám dává dvě sady za cenu jednoho, jen 29 dolarů za 190 znaků, InfoBits má dvě samostatná písma zobrazená níže, které jsou také k dispozici jednotlivě za 19 USD. Postavy mají hravý, přesto tradiční styl, s obrovským rozsahem použití a možností, což je nesmírně univerzální pro navigaci na webu i další periferní využití.

Pictos

Pictos je sada ikon, která je k dispozici v hlavě foukajícího množství formátů a web má vestavěný klíčový klíč pro přizpůsobení vlastního písma Pictos. Obsahuje 650 ikon a je považováno za dostatečně vhodné pro použití na celém webu, na webech, jako jsou Microsoft, Adobe a BitTorrent. Díky funkčnosti vlastního písma je využíván přímo ze serverů Pictos a po 10denní bezplatné zkušební verzi vyžaduje škálovatelný odběr. Je to neuvěřitelně atraktivní písmo a je snadné pochopit, proč je používán mnoha renomovanými webovými stránkami.

Font Awesome

Tento písmo je navržen tak, aby byl používán s rámcem Bootstrap CSS ve Twitteru, včetně 220 ikon, které obsahují příklady ikon používaných v rozhraní Bootstrap na jejich webu. Jsou také dány jako vektorové ikony pro snadnou editaci a nová verze 2.0 podporuje IE7 pro maximální kompatibilitu.

Co najdete nejužitečnější ikonu, košík, ikonu twitteru? Chyběli jste některou z vašich oblíbených sérií? Dejte nám vědět v komentářích.