Web e code script visite 7

Scegli le icone e crea il tuo font personalizzato

1 min

Scegli le icone e crea il font personalizzato

Ecco uno strumento che permetterà a voi web designer di risparmiare tempo. Se non avete il vostro set privato di icone vettoriali da utilizzare nelle vostre progettazioni, c’è un sito che vi viene incontro. Sto parlando di IcoMoon, un’idea semplice ma allo stesso tempo geniale. Vi spiego come funziona.

Seleziona le tue icone preferite e crea il tuo font

Nella barra grigia orizzontale nella parte alta del sito ci sono i comandi per la scelta delle icone:

Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo
Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo

  • Cliccando su Import Icons puoi importare immagini SVG o fonts che già possiedi e vuoi inserire nel tuo font personalizzato.
  • Cliccando invece su Icon Library puoi scegliere tra i set di icone già presenti sul sito (scegliendo add o remove).
  • Potrai scegliere la dimensione dell’anteprima delle icone (da 16 a 48px).
  • Il tasto X 0000 mostra il numero di icone che avete selezionato sotto. Premendolo andremo ad azzerare la selezione.
  • I tre bottoni seguenti servono a selezionare (freccia), rimuovere (cestino), modificare (matita) l’icona sottostante.
  • Sull’estrema destra invece un rapido campo di ricerca delle icone. Premendo su Cancel Search tornerete alla lista completa.

Scegli le icone e crea il font

Non vi resta che selezionare le icone che più vi attirano, in base alle vostre esigenze, al genere di siti che realizzate e cliccare in seguito su Images o Font per scaricare gratuitamente le immagini o il carattere realizzato. Se scegliete di creare un font prima di salvarlo potrete assegnare una lettera ad ogni icona, secondo le vostre preferenze.

Vi ricordo che con software come Illustrator potrete trasformare le icone in file vettoriali, quindi ridimensionabili e modificabili.

Io ho già creato i miei font. E tu che aspetti?

Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo
Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo

Riproduzione riservata © La riproduzione è concessa solo citando la fonte con link all'articolo. Condividi l'articolo


Articolo a cura di: Del Re Valerio
Dott. in Comunicazione e Pubblicità per le Organizzazioni. Sono l'ideatore del blog Robadagrafici.com e mi occupo di comunicazione visiva, grafica e web, per le aziende.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *



Potrebbe anche interessarti

webdesign

Web e code script

2 strumenti per testare un sito responsive

1 min Avete già iniziato a realizzare siti responsive? Il web è ormai…

webdesign

Web e code script

Animazione oggetti con jQuery e Css

1 min Animate.css è un gruppo di animazioni preconfezionate da Dan Eden, utile…

webdesign

Web e code script

Velocizzare il sito con jQuery Lazy Load Plugin

3 min Abbiamo parlato a più riprese degli strumenti per analizzare la velocità…