I caratteri icona sono di gran moda in questo momento. Rendono così facile integrare grafica vettoriale in una pagina che i designer di tutto il mondo si rivolgono a loro come il modo principale di gestire le icone.
Il problema ovviamente è che abbiamo bisogno di più controllo su quali icone incorporiamo. A volte prendiamo da una varietà di fonti, incluso il nostro stesso lavoro, e abbiamo bisogno di un buon modo per mettere tutto insieme. Inserisci i generatori di font per icone. Segui come confrontiamo alcuni dei nostri preferiti.
Perché un generatore?
Lo svantaggio di usare un font di icona è che sei limitato dalle icone che si trovano nel set che hai scaricato. Se si desidera includere tre icone diverse da tre set diversi, è necessario caricare tre diversi tipi di carattere, il che potrebbe effettivamente significare il caricamento in centinaia di icone di cui semplicemente non si ha bisogno.
Ovviamente, se stai cercando un sito snello e mediocre senza risorse superflue e ritardi di caricamento non necessari, questo non è il modo migliore per realizzare le icone di incorporamento. È qui che arrivano i font di icone personalizzate. In questo scenario, prendi le tue tre icone, le lanci in un unico font minuscolo personalizzato e lo incorpori nella tua pagina.
Sfortunatamente, non tutti noi abbiamo le conoscenze o le risorse per costruire i nostri font. Non preoccuparti però, questi generatori di font di icone personalizzati ti coprono. Sia che tu voglia utilizzare le tue icone o sfruttare i set di icone esistenti, c'è uno strumento qui sotto per portare a termine il lavoro.
Fontello
Il primo generatore che stiamo per verificare è Fontello. Questa app è super slick, 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 ci sono sicuramente abbastanza che dovresti essere in grado di trovare quello che stai cercando.
Parlando di trovare ciò che stai cercando, questo compito è reso semplice dall'aggiornamento istantaneo della funzione di ricerca nella parte superiore della pagina. Adoro il filtro live qui, il che è molto meglio che aspettare che una nuova pagina venga caricata con i risultati della ricerca.
Scegliere le icone per il tuo carattere personalizzato è facile come fare clic su di esse. Dopo aver individuato e selezionato le icone che desideri includere, passa alla seconda scheda in cui puoi modificare i nomi di ciascuna icona. Sono poche opzioni di personalizzazione come questa che rendono Fontello così eccezionale.
Il prossimo passo è controllare i? Modifica Codici? scheda 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 sopra, sei pronto per partire. Basta digitare un nome di file e fare clic sul collegamento per il download per ricevere il carattere personalizzato.
Scaricare
Il download di Fontello include ben quattordici file distribuiti su più cartelle. L'impronta di ogni file è minuscola, ma il semplice numero di elementi che ricevi può sembrare schiacciante per qualcuno che cercava una soluzione semplice. Detto questo, è davvero bello avere un esempio pienamente funzionante su cui lavorare e sono stati fatti molti sforzi per assicurarsi che tutto sia il più compatibile possibile con il browser.
IcoMoon
La prossima app che daremo un'occhiata è IcoMoon. In tutta onestà, è molto simile a Fontello, ma ci sono alcune differenze fondamentali che vale la pena esaminare.
Proprio come con Fontello, puoi scorrere 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 per impostazione predefinita. Per controllare il resto, clicca su? Biblioteca? pulsante vicino alla parte superiore dello schermo.
Questo ti porterà in una pagina che al momento ha sedici collezioni diverse tra cui scegliere, molte delle quali sono gratuite mentre altre devono essere acquistate.
Importare altre risorse
Una delle migliori caratteristiche di IcoMoon è la possibilità di importare altre risorse da includere nella build personalizzata. Puoi caricare altri font di icone o persino i tuoi grafici SVG personalizzati. Ciò rende IcoMoon una risorsa eccezionale per chiunque desideri creare da zero il proprio carattere di icona.
Generazione del carattere
Dopo aver selezionato le icone, puoi procedere al download dei caratteri tramite il pulsante nella parte inferiore della pagina. Si noti inoltre che è possibile scaricare le icone come un'immagine (genererà una pagina sprite).
Proprio come con Fontello, prima del download, ti vengono date alcune opzioni per modificare le impostazioni e la codifica del tuo font.
Scaricare
Il download qui è considerevolmente più piccolo rispetto a Fontello. Ci sono solo nove file, cinque dei quali sono il vero carattere. Fondamentalmente, Fontello ti dà un sacco di file CSS mentre IcoMoon lo condensa in uno solo. Questo rende tutto molto più facile da setacciare e la pagina demo è un po 'più bella.
Pictonic
Avanti sulla nostra lista è Pictonic. Per utilizzare questo sito, è necessario registrarsi per un account. Da lì, ottieni tre opzioni. Puoi utilizzare le icone gratuite, utilizzare icone a pagamento ad una tariffa di $ 0,59 per icona o ricevere accesso illimitato a $ 199.
Qui vediamo lo stesso trapano di prima, utilizzare la funzione di ricerca in diretta o sfogliare le icone disponibili scorrendo e facendo clic su quelle che desideri.
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).
Scaricare
Questa volta, non vedo davvero nessuna opzione per personalizzare il download, basta fare clic su? Continua? quindi? Scarica? e ricevi quello che risulta essere il nostro più grande download ancora.
Con Pictonic, ricevi automaticamente i file praticamente in ogni modo possibile: i file dei font, i PNG e gli SVG. Il numero di file che ricevi dipende dal numero di icone che hai scelto.Mi piace avere tutte queste opzioni, ma mi piacerebbe scegliere cosa fare e cosa non voglio prima del download.
Server Pictos
Ho salvato l'anomalia per ultimo. Pictos Server fa cose un po 'diverse 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 ciò che puoi aspettarti dal servizio.
Per mio conto, ci sono attualmente circa 338 icone tra cui scegliere. Puoi ridurre l'offerta scegliendo da uno dei set Pictos o cercando qualcosa di specifico.
Una volta scelte le icone, puoi digitare i caratteri che vuoi rappresentare ciascuna icona. Da qui basta cliccare sul? Generare codice? pulsante, che ti dà un link incorporato CSS che devi semplicemente inserire nel tuo file.
Prezzi
Dal momento che 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 è? 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 pochissimo lavoro e l'incorporamento del font icon è un gioco da ragazzi.
Se stai cercando un sacco di font gratuiti senza i problemi di registrazione per un account, controlla Fontello. È un ottimo servizio con molte opzioni ed è probabile che sia tutto ciò di cui hai bisogno.
In termini di caratteristiche e opzioni, IcoMoon è difficile da battere. Mi piace che ti consenta di caricare e integrare il tuo lavoro o anche altri tipi di caratteri di icone che hai trovato. Ci sono anche un sacco di icone gratis qui e anche alcuni pacchetti premium se vuoi davvero fare di tutto.
Nel complesso, Pictonic era probabilmente il mio preferito del gruppo. La selezione di icone gratuite non era eccezionale e non disponi delle opzioni di personalizzazione degli altri servizi. Una cosa che mi piace di Pictonic è il modello di pricing semplice per le icone premium: $ 0,59 per icona o $ 199 per accesso illimitato. Bello e semplice!
Quale generatore di icone è il tuo preferito?
Nel complesso, vale la pena di verificare 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 font, lascia un commento qui sotto e dimmi i tuoi pensieri. Hai usato qualcuno di questi servizi in progetti precedenti? Quale raccomandi? Quali altre opzioni sono là fuori che ho perso?