Icoonlettertypen zijn ongelooflijk handig bij het ontwerpen van een site en hebben een groot aantal voordelen ten opzichte van reguliere pictogrammen.

Omdat ze als een lettertypebestand worden geleverd en als een lettertype worden ingesloten, zijn deze pictogrammen eenvoudig schaalbaar, hun kleur kan live worden gewijzigd in plaats van beelden te moeten bewerken; daarnaast kunnen verschillende effecten worden toegevoegd via codering, zoals schaduwen, streepeffecten of verlopen, waardoor ze veel veelzijdiger zijn dan afbeeldingen.

Hier zullen we enkele van de beste pictogramlettertypen samenvatten die het world wide web te bieden heeft, zodat u deze op uw sites kunt gebruiken.

Fico

Fico is een fantastisch uitziend lettertype, gepresenteerd op een prachtige site, waardoor het een genot is om te downloaden en te gebruiken. De site laat duidelijk zien welke letter of glyph voor elk pictogram wordt gebruikt, waardoor het soms pijnlijke proces van het downloaden van een pictogramlettertype wordt verwijderd, zodat je geen idee hebt waar elk pictogram op je toetsenbord te vinden is en je kost veel tijd met het doorlopen van elke toets. Deze pictogrammen zien er fantastisch uit in combinatie met Helvetica, de strakke, vloeiende lijnen die thematisch samenwerken, creëren een gevoel dat Fico is gemaakt voor sans serif-lettertypen. Verdere voorbeelden zijn te zien op hun site.

pixelated

pixelated is een lettertype dat, ondanks al zijn charme, een praktisch nut heeft. Pixelated is extreem licht, bestandsgrootten van pictogrammen gemiddeld ongeveer 60 bytes! Geen megabytes of zelfs kilobytes, bytes! Je kunt ze ook downloaden als transparante GIF's, dus compatibel zijn tot IE6, en als je ze wilt bewerken, kun je een PSD downloaden. Het lettertype wordt geleverd met twee kleurenschema's, hieronder weergegeven, waardoor het gebruik ervan nog eenvoudiger wordt. Het is volledig gratis en is beschikbaar voor commercieel gebruik!

Entypo

Verrassend voor een lettertype met meer dan 100 pictogrammen, Entypo komt volledig gratis en is net als Pixelated beschikbaar voor commercieel gebruik. Het kan worden gedownload als een vectorbestand voor bewerking naast het OpenType-lettertypebestand. Dit lettertype doet sterk denken aan de Apple-interfacepictogrammen, die worden gebruikt in iOS5 en OSX10, en als een leuke toevoeging wordt 50% van alle donaties die op de site van het lettertype zijn gedaan, gedoneerd aan Wikipedia.

Uicons

Naast de nogal grappige naam, Uicons 391 iconen in hun set aanbieden, en specifieke pictogrammen voor sociaal netwerk bevatten die vaak gemist worden in pictogramlettertypen. Het is niet verrassend dat deze set niet gratis is, maar voor een relatief goedkope $ 20 zijn alle volgende updates van het lettertype gratis. Deze pictogrammen zijn ontworpen om oneindig schaalbaar te zijn, waardoor een responsief ontwerp mogelijk wordt, van 1080p-desktopschermen tot mobiele apparaten zoals de iPhone, veel eenvoudiger. Het kan worden gedownload in meerdere indelingen, maar momenteel niet als een lettertype. Het is opgenomen in deze lijst omdat de ondersteuning in behandeling is en het hier een plaats verdient.

iconische

iconische is een open source pictogrammenset bestaande uit 171 pictogrammen in verschillende indelingen, inclusief als lettertype. Het is ontworpen om schaalbaar te zijn, 'is bedoeld om het meest vooruitstrevende pictogram te zijn dat is ingesteld op basis van de ondersteuning van toekomstgerichte weergave / implementatiemethoden. Iconen moeten niet alleen duidelijk en aantrekkelijk zijn, ze moeten ook gemakkelijk en flexibel zijn om mee te werken '. De open source aard van dit lettertype betekent dat het uit noodzaak is toegevoegd toen iconen nodig waren, in plaats van gepland als een set vanaf het begin, wat leidde tot een aantal nogal interessante en minder dan conventionele iconen die in de set waren opgenomen.

Sanscons

Deze is een aanpassing van een ander lettertype, Bitcons , een set van 120 pictogrammen in 10 verschillende kleuren en verschillende formaten. Sanscons wil Bitcons CSS-vriendelijker maken, met transparante achtergronden en 13 kleuren. De pictogrammen zijn ook beschikbaar in 16 × 16, 32 × 32 en 64 × 64 pixels en worden op maat bijgesneden. De 32 × 32- en 64 × 64-pictogrammen hebben een bredere uitstraling en behouden de pixelstijl. De set is gratis onder de Creative Commons-licentie.

Heydings

Heydings is een lettertype dat is ontstaan ​​uit de 'frustrerende tekortkoming van hoge kwaliteit, gratis pictogramweblettertypen die beschikbaar zijn voor insluiting', in de woorden van de maker. Het bevat 60 Glyphs en de website biedt zelfs CSS om uw codering met het lettertype gemakkelijker te maken. De auteur heeft de pictogrammen ook alfabetisch in kaart gebracht voor meer gebruiksgemak. Deze zijn ontworpen om te worden gebruikt als onderdeel van de kerngebruikersinterface van uw site, en dus bestrijken de glyphs een breed bereik voor een verscheidenheid aan verschillende sites.

Just Vector

Deze icon set gaat vergezeld van een uitgebreide website over alle aspecten van Just Vector , van hoe het in de browser wordt weergegeven zoals het er uitziet op een opgemaakte website, in verschillende formaten, samen met code om @ fontface'ing eenvoudiger te maken. Het bevat zelfs een handige handleiding voor het oplossen van problemen die van toepassing is op alle webfonts, en die betrekking heeft op het laden in verschillende browsers, waaronder mobiele browsers. De website demonstreert de schaalbaarheid van het lettertype, waardoor de afmetingen veel groter zijn dan die van veel pictogramlettertypen die de moeite waard zijn om te ondersteunen.

Flexi sociale pictogrammen

Flexi is beschikbaar op myfonts.com, dat handig een pagina biedt met de weergave van het lettertype in meerdere browsers. Het lettertype heeft 68 glyphs en kost $ 29, en net als een webfont geeft het OpenType OTF- en TrueType-opties voor veelzijdigheid.

WriteSocial

Writesocial heeft alleen de 18 pictogrammen hieronder, maar de $ 10 is gerechtvaardigd in de variaties waarin ze kunnen komen, met opties als vierkante of cirkelpictogrammen. Het wordt geleverd met een Open Type Format en wordt gelicentieerd voor gebruik met @ font-face. Bij aanschaf ontvangt u een HTML-bestand met meerdere voorbeelden van gebruik van het lettertype @ font-face. Daarnaast kun je ervoor kiezen om $ 15 te betalen voor het lettertype, in plaats van de standaard $ 10, waarbij $ 10 van de $ 15 naar Charity: Water gaat.

ikoo

ikoo is een speciaal ontwikkeld lettertype om te worden geïntegreerd in een html-pagina zonder afbeeldingen te gebruiken via @FontFace of op een andere manier. Het is gericht op sitenavigatie en biedt een aantal echt schone pictogrammen in zowel witte als zwarte varianten, met in totaal 65 gratis pictogrammen.

InfoBits (Icons & Dingbats)

Dit levert twee sets op voor de prijs van één, slechts $ 29 voor 190 tekens, InfoBits heeft twee afzonderlijke pictogramlettertypen, hieronder weergegeven, die ook afzonderlijk beschikbaar zijn voor $ 19 per stuk. De personages hebben een speelse, maar toch traditionele stijl, met een enorm scala aan toepassingen en opties, die enorm veelzijdig zijn voor zowel sitenavigatie als ander randgebruik.

pictos

pictos is een icon set beschikbaar in een overweldigend aantal formaten, en de site heeft een ingebouwde keybinder om je eigen Pictos-lettertype aan te passen. Het bevat 650 pictogrammen en wordt als goed genoeg beschouwd om overal op het internet te worden gebruikt, op sites zoals Microsoft, Adobe en BitTorrent. Door de aangepaste lettertypefunctionaliteit wordt deze rechtstreeks van de Pictos-servers gebruikt en vereist daarom een ​​schaalbaar abonnement na een gratis proefperiode van 10 dagen. Het is een ongelooflijk aantrekkelijk lettertype en het is gemakkelijk in te zien waarom het door zoveel gerenommeerde websites wordt gebruikt.

Font Awesome

Deze doopvont is ontworpen voor gebruik met het Bootstrap CSS-raamwerk van Twitter, inclusief 220 pictogrammen, met voorbeelden van de iconen die worden gebruikt in de Bootstrap-interface op hun site. Ze worden ook weergegeven als vectorpictogrammen voor eenvoudige bewerking en de nieuwe 2.0-versie ondersteunt IE7 voor maximale compatibiliteit.

Wat vind je het handigste pictogram, een winkelwagentje, een twitterpictogram? Hebben we een van je favoriete sets gemist? Laat het ons weten in de comments.