En Roundup av Great Icon Fonts
Ikonfonter er utrolig nyttige når du designer et nettsted, og har et stort antall fordeler i forhold til vanlige ikoner.
Fordi de leveres som en skriftfil og innebygd som en skrift, er disse ikonene skalerbare, fargen kan endres live, i stedet for å redigere bilder. sammen med det kan ulike effekter bli lagt til ved hjelp av koding, for eksempel skygger, slagvirkninger eller gradienter, noe som gjør dem langt mer allsidige enn bilder.
Her vil vi avrunde noen av de beste ikonfonter verdenen har å tilby, for at du kan bruke på nettstedene dine.
Fico
Fico er en fantastisk leter skrifttype, presentert på et vakkert nettsted, noe som gjør det til en glede å laste ned og bruke. Nettstedet viser tydelig hvilken bokstav eller glyf som brukes for hvert ikon, som fjerner den noen ganger smertefulle prosessen med å laste ned et ikonfonter bare for å finne at du ikke har noen ide om hvor du finner hvert ikon på tastaturet, og tilbringe dyrebar sykling gjennom hver nøkkel. Disse ikonene ser fantastisk ut i forbindelse med Helvetica, de rene glatte linjene som arbeider sammen tematisk, gir en følelse av at Fico ble laget for sans serif skrifttyper. Ytterligere eksempler kan ses på deres nettsted.
pixelated
pixelated er en skrifttype som til tross for all sin sjarm har en praktisk bruk. Pixelated er ekstremt lett, ikon filstørrelser gjennomsnittlig ca 60 byte! Ikke megabyte, eller til og med kilobytes, byte! Du kan også laste dem ned som gjennomsiktige GIF, så kompatible ned til IE6, og hvis du ønsker å redigere dem, kan du laste ned en PSD. Skriften leveres med to fargeskjemaer, vist nedenfor, og gjør det enklere å bruke dem. Det er helt gratis, og er tilgjengelig for kommersiell bruk!
Entypo
Overraskende for en skrift med 100 + ikoner, Entypo kommer helt gratis, og som Pixelated, er tilgjengelig for kommersiell bruk. Den kan lastes ned som en vektorfil for redigering ved siden av OpenType-skriftfilen. Denne skrifttypen minner veldig om Apple-grensesnittikonene, som brukes i iOS5 og OSX10, og som en fin touch, doneres 50% av eventuelle donasjoner på fontens nettsted til Wikipedia.
Uicons
Foruten det ganske vittige navnet, Uicons tilbyr 391 ikoner i deres sett, og inkluderer sosiale nettverksspesifikke ikoner som ofte er svært savnet i ikonfonter. Ikke overraskende er dette settet ikke gratis, men for en relativt billig $ 20 er alle etterfølgende oppdateringer til fonten gratis. Disse ikonene er designet for å være uendelig skalerbare, og gjør responsiv design, fra 1080p desktop-skjermer ned til mobile enheter som iPhone, mye lettere. Den kan lastes ned i flere formater, men ikke som en skrift for øyeblikket, den er inkludert på denne listen som støtte er ventet, og det fortjener et sted her.
Ikonisk
Ikonisk er et ikon med åpen kildekode som består av 171 ikoner i forskjellige formater, inkludert som en skrifttype. Den er designet for å være skalerbar, "har som mål å være det mest fremtidsrettet ikonet som er satt rundt, basert på støtten til fremadrettede visnings- / distribusjonsmetoder. Ikoner bør ikke bare være klare og attraktive, de burde være enkle og fleksible å jobbe med. Denne fontens åpen kildekode betyr at den har blitt lagt til uten behov når ikoner ble trengte, snarere enn planlagt som et sett fra starten, noe som førte til noen ganske interessante og mindre enn konvensjonelle ikoner som ble inkludert i settet.
Sanscons
Dette er en tilpasning av en annen skrift, Bitcons , et sett med 120 ikoner i 10 forskjellige farger og forskjellige størrelser. Sanscons har som mål å gjøre Bitcons mer CSS vennlig, med gjennomsiktig bakgrunn og 13 farger. Ikonene kommer også i 16 × 16, 32 × 32 og 64 × 64 piksler, samt beskjæres i størrelse. 32 × 32 og 64 × 64 ikonene har en chunkier look, opprettholder piksel stilen. Settet er gratis under Creative Commons-lisensen.
Heydings
Heydings er en skrifttype opprettet ut av det frustrerende underskudet av høy kvalitet, gratis ikonets webfonter tilgjengelig for embedding, i skapernes ord. Den inneholder 60 Glyphs, og nettstedet tilbyr til og med CSS for å gjøre kodingen din lettere. Forfatteren har også kartlagt ikonene alfabetisk for å gjøre det enklere å bruke. Disse er designet for å bli brukt som en del av kjernebrukergrensesnittet til nettstedet ditt, og så dekker glyphene et bredt spekter for en rekke forskjellige nettsteder.
Bare Vector
Dette ikonsettet er ledsaget av et omfattende nettsted som dekker alle aspekter av Bare Vector , fra hvordan det gjøres i nettleseren til hvordan det vil se ut på et formatert nettsted, i forskjellige størrelser, sammen med kode for å gjøre @ fontface'ing enklere. Den inneholder også en praktisk feilsøkingsguide som gjelder for alle webfonter, som dekker lasting i forskjellige nettlesere, inkludert mobile. Nettstedet demonstrerer fontens skalerbarhet, og viser størrelser mye større enn mange ikonfonter plager å støtte.
Flexi sosiale ikoner
Flexi er tilgjengelig på myfonts.com, som gir en side som viser skriftens gjengivelse på flere nettlesere. Skriften har 68 glyphs, og koster $ 29, og i tillegg til en webfont gir OpenType OTF og TrueType-alternativer for allsidighet.
WriteSocial
Writesocial har bare de 18 ikonene som vises nedenfor, men $ 10 er begrunnet i variasjonene de kan komme med, med slike valg som firkant eller sirkel ikoner. Den leveres med et Open Type Format, samt lisensiert for bruk med @ font-face. Ved kjøp får du en HTML-fil med flere eksempler på skrifttype for skrifttype. I tillegg til dette kan du velge å betale $ 15 for skrifttypen, i stedet for standard $ 10, hvor $ 10 av $ 15 går til veldedighet: Vann.
ikoo
ikoo er en skrift som er spesielt utviklet for å bli integrert i en HTML-side uten å bruke bilder via @FontFace eller andre måter. Det er fokusert på navigering på stedet, og tilbyr en rekke virkelig rene ikoner i både hvite og svarte varianter, med totalt 65 gratis ikoner.
InfoBits (Ikoner og Dingbats)
Dette gir deg to sett for prisen på en, bare $ 29 for 190 tegn, InfoBits har to separate ikoner skrifttyper, vist nedenfor, som også er tilgjengelig individuelt for $ 19 hver. Tegnene har en leken, men likevel tradisjonell stil, med et stort spekter av bruksområder og alternativer, og er svært allsidig for både sidevirksomhet og andre perifere bruksområder.
Pictos
Pictos er et ikonsett tilgjengelig i et sinn som blåser antall formater, og nettstedet har et innebygd nøkkelbinder for å tilpasse ditt eget Pictos-skrift. Den inneholder 650 ikoner, og anses å være god nok til å bli brukt over hele nettet, av nettsteder som Microsoft, Adobe og BitTorrent. Blant de tilpassede fontfunksjonalitetene, brukes den direkte fra Pictos-serverne, og det krever et skalerbart abonnement etter en 10-dagers gratis prøveperiode. Det er en utrolig attraktiv font, og det er lett å se hvorfor det brukes av så mange anerkjente nettsteder.
Font Awesome
Dette font er designet for å bli brukt med Twitter's Bootstrap CSS rammeverk, inkludert 220 ikoner, noe som gir eksempler på at ikonene blir brukt i Bootstrap-grensesnittet på deres nettsted. De er også gitt som vektorikoner for enkel redigering, og den nye 2.0-versjonen støtter IE7, for maksimal kompatibilitet.
Hva finner du det mest nyttige ikonet, en handlekurv, et kvitteringsikon? Mistet vi et av favorittsettene dine? Gi oss beskjed i kommentarene.