Quattro generatori di font di icone personalizzate a confronto
I caratteri icona sono di gran moda in questo momento. Lo rendono così facile da incorporare la grafica vettoriale in una pagina che i progettisti di tutto il mondo si stanno rivolgendo a loro come il modo principale per gestire le icone.
Il problema ovviamente è che abbiamo bisogno di un maggiore controllo su quali icone incorporiamo. A volte ci attingiamo da una varietà di fonti, incluso il nostro lavoro, e abbiamo bisogno di un buon modo per mettere tutto insieme. Inserisci i generatori di font icona. Segui mentre confrontiamo alcuni dei nostri preferiti.
Perché un generatore?
Il rovescio della medaglia nell'uso di un font icona è che sei limitato dalle icone che si trovano nel set che hai scaricato. Se vuoi includere tre icone diverse da tre set diversi, dovrai caricare tre tipi di carattere diversi, il che potrebbe effettivamente significare caricare in centinaia di icone che semplicemente non ti servono.
Ovviamente, se stai cercando un sito snello e mediocre senza risorse superflue e ritardi di caricamento non necessari, questo non è il modo migliore per incorporare le icone. È qui che entrano in gioco i caratteri delle icone personalizzate. In questo scenario, prendi le tue tre icone, le lanci in un singolo minuscolo carattere personalizzato e lo incorpori nella tua pagina.
Sfortunatamente, non tutti noi abbiamo le conoscenze o le risorse per costruire i nostri caratteri. Non preoccuparti, questi generatori di font di icone personalizzate sono coperti. Sia che tu voglia utilizzare le tue icone o sfruttare i set di icone esistenti, c'è uno strumento qui sotto per completare il lavoro.
Fontello
Il primo generatore che andremo a controllare è Fontello. Questa app è super liscia, davvero facile da usare e ha undici set di icone completamente gratuiti tra cui Font Awesome e Iconic. Non ci sono migliaia di icone tra cui scegliere, ma ce ne sono sicuramente abbastanza che dovresti essere in grado di trovare quello che stai cercando.
Parlando di trovare quello che stai cercando, questo compito è reso semplice dall'aggiornamento istantaneo della funzione di ricerca nella parte superiore della pagina. Adoro il filtro live qui, che è molto meglio che attendere il caricamento di una nuova pagina con i risultati della ricerca.
Scegliere le icone per il tuo carattere personalizzato è facile come fare clic su di esse. Dopo aver trovato e selezionato le icone che desideri includere, passa alla seconda scheda in cui è possibile modificare i nomi di ciascuna icona. Sono le piccole opzioni di personalizzazione come questa che rendono Fontello così eccezionale.
Il prossimo passo è controllare la scheda "Modifica codici" in modo da poter personalizzare i caratteri associati a ciascuna icona. Fare questo è abbastanza facile, basta usare i campi forniti.
Dopo aver completato i passaggi precedenti, sei pronto per partire. Digita semplicemente il nome di un file e fai clic sul link di download per ricevere il tuo carattere personalizzato.
Scarica
Il download di Fontello include un enorme quattordici file distribuiti su più cartelle. L'impronta di ogni file è minuscola, ma il semplice numero di elementi che ricevi può sembrare travolgente per qualcuno che stava cercando una soluzione semplice. Detto questo, è davvero bello avere un esempio pienamente funzionante su cui lavorare e hanno fatto molti sforzi per assicurarsi che tutto sia il più compatibile possibile con il browser.
IcoMoon
La prossima app che vedremo è IcoMoon. In tutta onestà, assomiglia molto a Fontello, ma ci sono alcune differenze chiave che vale la pena esaminare.
Proprio come con Fontello, puoi sfogliare le icone scorrendo o utilizzare la funzione di ricerca integrata per trovare qualcosa di specifico.
Ci sono molte più icone disponibili di quelle che vedi di default. Per controllare il resto, premi il pulsante "Libreria" nella parte superiore dello schermo.
Questo ti porterà a una pagina che attualmente ha sedici collezioni diverse tra cui scegliere, molte delle quali sono gratuite mentre altre devono essere acquistate.
Importazione di altre risorse
Una delle migliori funzionalità di IcoMoon è la possibilità di importare altre risorse da includere nella build personalizzata. Puoi caricare altri caratteri icona o persino la tua grafica SVG personalizzata. Ciò rende IcoMoon una risorsa straordinaria per chiunque desideri creare da zero il proprio carattere icona.
Generazione del carattere
Dopo aver selezionato le icone, puoi procedere al download del font tramite il pulsante nella parte inferiore della pagina. Nota anche che hai la possibilità di scaricare le icone come immagine (genererà una pagina sprite).
Proprio come con Fontello, prima del download, ti vengono fornite alcune opzioni per modificare le impostazioni e la codifica per il tuo carattere.
Scarica
Il download qui è notevolmente più piccolo rispetto a Fontello. Esistono solo nove file, cinque dei quali sono il carattere effettivo. Fondamentalmente, Fontello ti dà un sacco di file CSS mentre IcoMoon lo condensa a uno. Questo rende tutto molto più semplice da esaminare e anche la pagina demo è un po 'più bella.
Pictonic
Il prossimo nella nostra lista è Pictonic. Per utilizzare questo sito, è necessario registrarsi per un account. Da lì, ottieni tre opzioni. Puoi utilizzare le icone gratuite, utilizzare le icone a pagamento al prezzo di $ 0, 59 per icona o ricevere un accesso illimitato per $ 199.
Qui vediamo lo stesso drill di prima, utilizzare la funzione di ricerca dal vivo o sfogliare le icone disponibili scorrendo e facendo clic su quelle desiderate.
C'è anche un menu a discesa che ti consente di filtrare facilmente i risultati per categoria. Questo è anche un buon modo per dare un'occhiata alle 320 icone gratuite (che sono per lo più loghi social e software).
Scarica
Questa volta, non vedo davvero alcuna opzione per personalizzare il tuo download, fai semplicemente clic su "Continua", quindi su "Download" e ricevi quello che risulta essere il nostro download più grande di sempre.
Con Pictonic, ricevi automaticamente i file in quasi tutti i modi in cui potresti desiderarli: file di font, PNG e SVG. Il numero di file che ricevi dipende dal numero di icone che hai scelto. Adoro il fatto di avere tutte queste opzioni, ma mi piacerebbe scegliere quello che faccio e non voglio prima del download.
Server Pictos
Ho salvato il valore erratico per ultimo. Pictos Server fa le cose in modo leggermente diverso rispetto agli altri siti. Invece di creare un font personalizzato che scarichi e incorpori sul tuo server, Pictos ospita le icone per te. È generalmente noto come "il Typekit di icone", che è una descrizione decente di cosa ci si può aspettare dal servizio.
Secondo il mio conteggio, ci sono attualmente circa 338 icone tra cui scegliere. Puoi ridurre l'offerta scegliendo tra uno dei set Pictos o cercando qualcosa di specifico.
Dopo aver scelto le icone, è possibile digitare i caratteri che si desidera rappresentare ciascuna icona. Da qui, fai semplicemente clic sul pulsante "Genera codice", che ti dà un link di incorporamento CSS che devi semplicemente lanciare nel tuo file.
Prezzi
Poiché Pictos è un servizio di hosting, è ovviamente previsto un canone mensile. I prezzi per i piani sono impostati in base alle visualizzazioni di pagina, a partire da $ 0 per un massimo di 25.000 visualizzazioni mensili fino a $ 50 per un massimo di 4.000.000 di visualizzazioni mensili.
È anche importante notare che il piano gratuito sembra essere limitato a dodici icone per carattere.
Come si confrontano?
Ovviamente, la risposta alla domanda su quale sito sia "migliore" dipende dalle tue esigenze specifiche. Ogni sito sembra eccellere a modo suo. Se stai cercando la soluzione più semplice, non puoi battere Pictos Server. C'è davvero poco lavoro da fare e incorporare il carattere icona è un gioco da ragazzi.
Se stai cercando un sacco di font gratuiti senza i problemi di registrazione per un account, dai un'occhiata a Fontello. È un ottimo servizio con molte opzioni ed è probabilmente tutto ciò di cui hai bisogno.
In termini di funzionalità e opzioni, IcoMoon è difficile da battere. Adoro il fatto che ti consenta di caricare e integrare il tuo lavoro o anche altri caratteri icona che hai trovato. Ci sono anche un sacco di icone gratuite qui e persino alcuni pacchetti premium se vuoi davvero andare tutto fuori.
Nel complesso, Pictonic era probabilmente il mio preferito del gruppo. La selezione gratuita dell'icona non era poi così eccezionale e non hai le opzioni di personalizzazione che hanno gli altri servizi. Una cosa che mi piace di Pictonic è il semplice modello di prezzi per le icone premium: $ 0, 59 per icona o $ 199 per accesso illimitato. Bello e semplice!
Quale generatore di caratteri icona è il tuo preferito?
Nel complesso, vale la pena dare un'occhiata a tutti e quattro questi servizi. Sono tutti davvero facili da usare e ricchi di valore.
Ora che hai visto i miei pensieri su questi quattro generatori di caratteri, lascia un commento qui sotto e dimmi i tuoi pensieri. Hai usato qualcuno di questi servizi in progetti passati? Quale mi consigliate? Quali altre opzioni ci sono che ho perso?
