Creare e gestire icone come font

Creare e gestire icone come font è una guida volta a perfezionare il lavoro dei grafici che sviluppano siti web. Si tratta di una tecnica che ha preso piede negli ultimi mesi e tratta la possibilità di gestire le icone web di un sito, come se fossero dei Font testuali e non delle immagini.

Se volete approfondire l’aspetto teorico dietro questo metodo, vi consiglio la lettura di questo articolo:

come-creare-icone-personalizzate

Vantaggi

1. I vantaggi riguardano la possibilità di gestire la dimensione del font senza sgranare l’immagine, grazie alla ( size: 10px) che troviamo nei fogli di stile CSS.

2. La possibilità di richiamare un’immagine come semplice testo, senza quindi inserire ulteriore codice html, dimensioni immagine, ecc..

3. Gestire immagini vettoriali, che non sgranano indipendentemente dalla dimensione e grandezza.

Svantaggi

Nessuno che mi venga in mente ora..

Dove trovare icone come font?

Esistono servizi che offrono le proprie icone web in questo formato. Ma sono servizi a pagamento e bisogna accontentarsi delle loro icone, senza poterle personalizzare ulteriormente. Tra questi servizi, spiccano pictos, fico.lensco.be, keyamoon.com.

Formato utilizzato

Il formato che va utilizzato per realizzare questo particolare tipo di Font – Icona è il formato SVG (Scalable Vector Graphics). Tra i programmi che sono capaci di gestire tale formato, ritroviamo INKSKAPE:

Programma open source per il disegno, simile a Illustrator, Freehand, CorelDraw e Xara X .

Lo scopo principale di Inkscape è quello di fornire alla comunità Open Source uno strumento di disegno che rispetti pienamente gli standard W3C XML, SVG e CSS2.

Nel prossimo articolo, vi mostrerò come si lavora con Inkscape. E vi guiderò passo passo alla realizzazione delle vostre Icone Font Personalizzate.