Vier aangepaste pictogramlettertypegeneratoren vergeleken
Pictogramlettertypen zijn momenteel een rage. Ze maken het zo gemakkelijk om vectorafbeeldingen in een pagina in te bedden dat ontwerpers er overal naar toe gaan als de belangrijkste manier om met pictogrammen om te gaan.
Het probleem is natuurlijk dat we meer controle nodig hebben over welke pictogrammen we insluiten. Soms halen we uit verschillende bronnen, waaronder ons eigen werk, en we hebben een goede manier nodig om alles samen te brengen. Voer pictogramlettertypegeneratoren in. Volg mee terwijl we een paar van onze favorieten vergelijken.
Waarom een generator?
Het nadeel van het gebruik van een pictogramlettertype is dat je wordt beperkt door de pictogrammen die zich in de set bevinden die je hebt gedownload. Als u drie verschillende pictogrammen uit drie verschillende sets wilt opnemen, moet u drie verschillende lettertypen laden, wat in feite kan betekenen dat u honderden pictogrammen laadt die u gewoon niet nodig hebt.
Het is duidelijk dat als u voor een slanke, gemene site gaat zonder overbodige bronnen en onnodige laadvertragingen, dit niet de beste manier is om pictogrammen in te bedden. Dit is waar aangepaste pictogramlettertypen binnenkomen. In dit scenario neemt u uw drie pictogrammen, gooit u ze in een enkel klein, op maat gemaakt lettertype en voegt u dat in uw pagina in.
Helaas hebben we niet allemaal de kennis of middelen om onze eigen lettertypen te bouwen. Maar maak je geen zorgen, met deze aangepaste pictogramlettertype-generatoren kun je aan de slag. Of u nu uw eigen pictogrammen wilt gebruiken of gebruik wilt maken van bestaande pictogrammensets, er is hieronder een tool om de klus te klaren.
Fontello
De eerste generator die we gaan bekijken, is Fontello. Deze app is superglad, heel gemakkelijk te gebruiken en heeft elf volledig gratis pictogrammensets, waaronder Font Awesome en Iconic. Er zijn niet duizenden pictogrammen om uit te kiezen, maar er zijn er zeker genoeg dat u moet kunnen vinden wat u zoekt.
Over het vinden van waarnaar u op zoek bent, die taak wordt eenvoudig gemaakt door de zoekfunctie die onmiddellijk wordt bijgewerkt bovenaan de pagina. Ik ben dol op het live filteren hier, wat veel beter is dan wachten op een nieuwe pagina om te laden met je zoekresultaten.
Het kiezen van pictogrammen voor uw aangepaste lettertype is net zo eenvoudig als erop klikken. Nadat je de pictogrammen hebt gevonden en geselecteerd die je wilt opnemen, ga je naar het tweede tabblad waar je de namen van elk pictogram kunt wijzigen. Het zijn kleine aanpassingsopties zoals deze die Fontello zo geweldig maken.
De volgende stap is om het tabblad 'Codes bewerken' te bekijken, zodat u de tekens die aan elk pictogram zijn gekoppeld, kunt aanpassen. Dit is eenvoudig genoeg, gebruik gewoon de opgegeven velden.
Na het voltooien van de bovenstaande stappen bent u klaar om te gaan. Typ gewoon een bestandsnaam in en klik op de downloadlink om uw aangepaste lettertype te ontvangen.
Downloaden
De Fontello-download bevat maar liefst veertien bestanden verspreid over verschillende mappen. De voetafdruk van elk bestand is klein, maar het enorme aantal items dat u ontvangt, kan overweldigend lijken voor iemand die op zoek was naar een eenvoudige oplossing. Dat gezegd hebbende, het is echt leuk om een volledig functionerend voorbeeld te hebben om aan te werken en ze hebben veel moeite gedaan om ervoor te zorgen dat alles zo browsercompatibel mogelijk is.
IcoMoon
De volgende app die we gaan bekijken, is IcoMoon. Eerlijk gezegd lijkt het veel op Fontello, maar er zijn enkele belangrijke verschillen die het waard zijn om te onderzoeken.
Net als bij Fontello kunt u door de pictogrammen bladeren door te scrollen of de geïntegreerde zoekfunctie gebruiken om iets specifieks te vinden.
Er zijn veel meer pictogrammen beschikbaar dan je standaard ziet. Om de rest te bekijken, klik je op de knop "Bibliotheek" bovenaan het scherm.
Dit brengt u naar een pagina met momenteel zestien verschillende collecties om uit te kiezen, waarvan er vele gratis zijn, terwijl andere moeten worden gekocht.
Andere bronnen importeren
Een van de beste functies van IcoMoon is de mogelijkheid om andere bronnen te importeren om op te nemen in uw aangepaste build. U kunt andere pictogramlettertypen uploaden of zelfs uw eigen aangepaste SVG-afbeeldingen. Dit maakt IcoMoon een geweldige bron voor iedereen die zijn eigen pictogramlettertype helemaal opnieuw wil bouwen.
Het genereren van het lettertype
Zodra u uw pictogrammen heeft uitgekozen, kunt u doorgaan met het downloaden van uw lettertype via de knop onderaan de pagina. Merk ook op dat u de mogelijkheid heeft om de pictogrammen als afbeelding te downloaden (het genereert een sprite-pagina).
Net als bij Fontello krijgt u voor het downloaden enkele opties voor het wijzigen van de instellingen en codering voor uw lettertype.
Downloaden
De download hier is aanzienlijk kleiner dan bij Fontello. Er zijn slechts negen bestanden, waarvan er vijf het daadwerkelijke lettertype zijn. Kortom, Fontello geeft je een heleboel CSS-bestanden terwijl IcoMoon het tot één comprimeert. Dit maakt alles een stuk makkelijker om door te bladeren en de demopagina is ook een beetje leuker.
Pictonisch
De volgende op onze lijst is Pictonisch. Om deze site te gebruiken, moet u zich aanmelden voor een account. Van daaruit krijg je drie opties. U kunt de gratis pictogrammen gebruiken, betaalde pictogrammen gebruiken tegen een tarief van $ 0, 59 per pictogram of onbeperkte toegang krijgen voor $ 199.
Hier zien we dezelfde oefening als voorheen, gebruik de live zoekfunctie of blader door de beschikbare pictogrammen door te scrollen en op de gewenste pictogrammen te klikken.
Er is ook een vervolgkeuzemenu waarmee u de resultaten eenvoudig op categorie kunt filteren. Dit is ook een goede manier om de 320 gratis pictogrammen te bekijken (dit zijn meestal sociale en softwarelogo's).
Downloaden
Deze keer zie ik niet echt opties om uw download aan te passen, u klikt gewoon op "Doorgaan" en vervolgens op "Downloaden" en u ontvangt wat onze grootste download tot nu toe blijkt te zijn.
Met Pictonic ontvang je de bestanden automatisch op vrijwel elke manier die je zou willen: lettertypebestanden, PNG's en SVG's. Het aantal bestanden dat u ontvangt, is afhankelijk van het aantal pictogrammen dat u heeft gekozen. Ik vind het geweldig dat ik al deze opties heb, maar ik zou graag willen kiezen wat ik wel en niet wil vóór de download.
Pictos Server
Ik heb de uitbijter voor het laatst bewaard. Pictos Server gaat heel wat anders dan de andere sites. In plaats van een aangepast lettertype te bouwen dat u downloadt en insluit op uw eigen server, host Pictos de pictogrammen voor u. Het staat algemeen bekend als "de Typekit van pictogrammen", wat een goede beschrijving is van wat u van de service kunt verwachten.
Naar mijn mening zijn er momenteel ongeveer 338 pictogrammen om uit te kiezen. U kunt het aanbod verminderen door te kiezen uit een van de Pictos-sets of door te zoeken naar iets specifieks.
Nadat u de pictogrammen heeft gekozen, kunt u de tekens typen die u voor elk pictogram wilt vertegenwoordigen. Vanaf hier klikt u eenvoudig op de knop "Code genereren", die u een CSS-insluitlink geeft die u eenvoudig in uw bestand gooit.
Prijzen
Aangezien Pictos een hostingservice is, is er uiteraard een maandelijkse vergoeding aan verbonden. De prijzen voor de plannen worden bepaald op basis van paginaweergaven, beginnend met $ 0 voor maximaal 25.000 maandelijkse weergaven tot $ 50 voor maximaal 4.000.000 maandelijkse weergaven.
Het is ook belangrijk op te merken dat het gratis abonnement beperkt lijkt te zijn tot twaalf pictogrammen per lettertype.
Hoe vergelijken ze?
Het antwoord op de vraag welke site het beste is, hangt uiteraard af van uw specifieke behoeften. Elke site lijkt op zijn eigen manier uit te blinken. Als u op zoek bent naar de gemakkelijkste oplossing, kunt u Pictos Server niet verslaan. Er is echt heel weinig werk bij betrokken en het insluiten van het pictogramlettertype is een fluitje van een cent.
Als je op zoek bent naar een heleboel gratis lettertypen zonder het gedoe om je aan te melden voor een account, ga dan naar Fontello. Het is een geweldige service met veel opties en is waarschijnlijk alles wat u nodig heeft.
In termen van functies en opties is IcoMoon moeilijk te verslaan. Ik vind het geweldig dat je hiermee je eigen werk of zelfs andere pictogramlettertypen die je hebt gevonden kunt uploaden en integreren. Er zijn hier ook een heleboel gratis pictogrammen en zelfs enkele premium-pakketten als je echt alles uit de kast wilt halen.
Over het algemeen was Pictonic waarschijnlijk mijn minst favoriete van het stel. De gratis pictogramselectie was niet zo geweldig en je hebt niet de aanpassingsmogelijkheden die de andere services hebben. Een ding dat ik leuk vind aan Pictonic is het eenvoudige prijsmodel voor premium pictogrammen: $ 0, 59 per pictogram of $ 199 voor onbeperkte toegang. Lekker simpel!
Welke pictogramlettertypegenerator is jouw favoriet?
Over het algemeen zijn alle vier deze services de moeite van het bekijken waard. Ze zijn allemaal heel gemakkelijk te gebruiken en zitten boordevol waarde.
Nu je mijn gedachten over deze vier lettertypegeneratoren hebt gezien, kun je hieronder een reactie achterlaten en me je mening vertellen. Heeft u een van deze services gebruikt in eerdere projecten? Welke raad je aan? Welke andere opties heb ik gemist?
