Et uddrag af Great Icon Fonts
Ikon skrifttyper er utroligt nyttige, når du designer et websted, og har et stort antal fordele i forhold til almindelige ikoner.
Fordi de leveres som en skrifttype fil og indlejret som en skrifttype, er disse ikoner let skalerbare, deres farve kan ændres live, snarere end at skulle redigere billeder; sammen med det kan forskellige effekter tilføjes via kodning, såsom skygger, slagvirkninger eller gradienter, hvilket gør dem langt mere alsidige end billeder.
Her afrundes nogle af de bedste ikonskrifter, som verdensomspændingen har at byde på, for at du kan bruge på dine websteder.
Fico
Fico er en fantastisk udseende skrifttype, præsenteret på en smuk side, hvilket gør det til en glæde at downloade og bruge. Webstedet viser tydeligt, hvilket bogstav eller glyf der bruges til hvert ikon, hvilket fjerner den sommetider smertefulde proces med at downloade en ikonfon, så du ikke har nogen ide om, hvor du finder hvert ikon på tastaturet og bruger værdifuld tidcykling gennem hver nøgle. Disse ikoner ser fantastisk ud i sammenhæng med Helvetica, de rene glatte linjer arbejder tematisk sammen, hvilket betyder, at Fico blev lavet til sans serif skrifttyper. Yderligere eksempler kan ses på deres websted.
pixelated
pixelated er en skrifttype, der på trods af hele sin charme har en praktisk brug. Pixelated er ekstremt let, ikon filstørrelser gennemsnit omkring 60 bytes! Ikke megabyte eller endda kilobytes byte! Du kan også downloade dem som gennemsigtige GIF'er, så de er kompatible ned til IE6, og hvis du ønsker at redigere dem, kan du downloade en PSD. Skrifttypen leveres med to farveskemaer, vist nedenfor, hvilket gør at de bliver endnu enklere. Det er helt gratis, og er tilgængeligt til kommerciel brug!
Entypo
Overraskende for en skrifttype med 100 + ikoner, Entypo kommer helt gratis, og som Pixelated, er tilgængelig til kommerciel brug. Den kan downloades som en vektorfil til redigering sammen med OpenType-skrifttypefilen. Denne skrifttype minder meget om Apple-grænsefladens ikoner, der bruges i iOS5 og OSX10, og som et godt strejf er 50% af donationer foretaget på skrifttypens websted doneret til Wikipedia.
Uicons
Udover det ret kviste navn, Uicons tilbyde 391 ikoner i deres sæt, og inkludere sociale netværksspecifikke ikoner, der ofte er meget savnet i ikon skrifttyper. Ikke overraskende er dette sæt ikke gratis, men for en relativt billig $ 20 er alle efterfølgende opdateringer til skrifttypen gratis. Disse ikoner er designet til at være uendeligt skalerbare, hvilket gør responsivt design, fra 1080p desktop viser ned til mobile enheder som iPhone, meget lettere. Den kan downloades i flere formater, men ikke som en skrifttype i øjeblikket, den er inkluderet på denne liste, da support er under behandling, og det fortjener et sted her.
Ikonisk
Ikonisk er et open source ikonsæt bestående af 171 ikoner i forskellige formater, herunder som en skrifttype. Den er designet til at være skalerbar 'har til formål at være det mest fremadrettede ikon, der er sat omkring, baseret på dets understøttelse af fremadrettet display / implementeringsmetoder. Ikoner bør ikke bare være klare og attraktive, de skal være nemme og fleksible til at arbejde med. Skriftens open source-karakter betyder, at den er blevet tilføjet for nødvendigt, når ikoner blev brug for, snarere end planlagt som et sæt fra starten, hvilket fører til nogle ret interessante og mindre end konventionelle ikoner, der indgår i sættet.
Sanscons
Det her er en tilpasning af en anden skrifttype, Bitcons , et sæt på 120 ikoner i 10 forskellige farver og forskellige størrelser. Sanscons sigter mod at gøre Bitcons mere CSS venlige, med gennemsigtige baggrunde og 13 farver. Ikonerne kommer også i 16 × 16, 32 × 32 og 64 × 64 pixels samt beskåret til størrelse. 32 × 32 og 64 × 64 ikonerne har et chunkier udseende, der opretholder pixel stilen. Sættet er gratis under Creative Commons licensen.
Heydings
Heydings er en skrifttype skabt ud af det "frustrerende underskud af høj kvalitet, gratis ikonets web skrifttyper, der er tilgængelige til indlejring", i skabernes ord. Den indeholder 60 Glyphs, og hjemmesiden tilbyder endda CSS for at gøre din kodning lettere. Forfatteren har også kortlagt ikonerne alfabetisk for at gøre det lettere at bruge dem. Disse er designet til at blive brugt som en del af kerne brugergrænsefladen på dit websted, og derfor dækker glyphs en bred vifte af forskellige steder.
Just Vector
Dette ikonsæt ledsages af en omfattende hjemmeside, der dækker alle aspekter af Just Vector , fra hvordan det gøres i browser til, hvordan det ser ud på et formateret websted i forskellige størrelser sammen med kode for at gøre @ fontface'ing lettere. Den indeholder endda en praktisk fejlfindingsvejledning, der gælder for alle webfonter, der dækker indlæsning i forskellige browsere, herunder mobile dem. Webstedet viser skrifttypens skalerbarhed og viser størrelser meget større end mange ikonfonter genere at støtte.
Flexi Social Ikoner
Flexi er tilgængelig på myfonts.com, som med fordel giver en side, der viser skrifttypens gengivelse på flere browsere. Skrifttypen har 68 glyfer og koster $ 29, og såvel som en webfont giver OpenType OTF og TrueType muligheder for alsidighed.
WriteSocial
Writesocial kun har de 18 ikoner vist nedenfor, men $ 10 er berettiget i de variationer, de kan komme med, med sådanne muligheder som firkantede eller cirkel ikoner. Den leveres med et Open Type Format, såvel som licens til brug med @ font-face. Ved køb er du forsynet med en HTML-fil med eksempler på flere skrifttyper på skrifttypen. Udover dette kan du vælge at betale $ 15 for skrifttypen, i stedet for standard $ 10, hvor $ 10 af $ 15 går til velgørenhed: Vand.
ikoo
ikoo er en skrifttype, der er specielt udviklet til at blive integreret i en HTML-side uden at bruge billeder via @FontFace eller andre midler. Det er fokuseret på navigation på stedet og tilbyder en række rigtig rene ikoner i både hvide og sorte varianter, med totalt 65 gratis ikoner.
InfoBits (ikoner og dingbats)
Dette giver dig to sæt til prisen på en, kun $ 29 for 190 tegn, InfoBits har to separate ikoner skrifttyper, vist nedenfor, som også er tilgængelige individuelt for $ 19 hver. Tegnene har en legende, men alligevel traditionel stil med et stort udvalg af anvendelser og muligheder, der er meget alsidige til både site navigation og andre perifere anvendelser.
pictos
pictos er et ikon sæt til rådighed i et sind blæser antal formater, og siden har et indbygget keybinder til at tilpasse din egen Pictos skrifttype. Den indeholder 650 ikoner og anses for at være god nok til at blive brugt over hele internettet på websteder som Microsoft, Adobe og BitTorrent. Bliver brugerdefineret skrifttype funktionalitet, bruges den direkte fra Pictos-serverne og kræver derfor et skalerbart abonnement efter en 10-dages gratis prøveperiode. Det er en utroligt attraktiv skrifttype, og det er nemt at se, hvorfor det bruges af så mange anerkendte websites.
Font Awesome
Det her skrifttype er designet til at blive brugt med Twitter's Bootstrap CSS ramme, herunder 220 ikoner, hvilket giver eksempler på, at ikonerne bliver brugt i Bootstrap-grænsefladen på deres websted. De er også givet som vektor ikoner til nem redigering, og den nye 2.0 version understøtter IE7, for maksimal kompatibilitet.
Hvad finder du det mest nyttige ikon, en kurv, et twitter-ikon? Har vi savnet et af dine yndlingssæt? Lad os vide i kommentarerne.