Gli Icon Font andranno a sostituire il CSS Sprite?
Per includere delle icone in un sito solitamente si fa uso della tecnica “CSS Sprite” cioè in un unica immagine si mettono tutte le icone da utilizzare e mediante il background-position si “seleziona” quella desiderata: in questo modo si riducono notevolmente le chiamate HTTP a favore delle velocità di caricamento del sito.
In questo periodo si sta facendo avanti una nuova “tecnica”: gli Icon Font ossia fonts che non contengono caratteri convenzionali bensì icone (potete dare un’occhiata a Font Awesome).
I vantaggi maggiori nell’utilizzo di questa tipologia di font sono:
- I font pesano solitamente meno della controparte “immagine”;
- Si ottengono facilmente icone scalabili e indipendenti dalla risoluzione;
- Tramite CSS si può impostare il colore dell’icona, l’ombra, le dimensione, ecc…
Potete vedere con i vostri occhi i vantaggi sopracitati, però devo ammettere che questa tecnica non mi affascina particolarmente.
Un’altra risorsa che vi consiglio di leggere è “Trello uses an icon font and so can you!“.
Grazie per la segnalazione. Mi sembra molto interessante, perché non ti piace?
Ciao,
Emanuele
Trovo una forzatura mettere delle icone all’interno di un font che tipicamente viene utilizzato per caratteri tipografici.
E’ anche vero che da sempre si utilizzano i font anche per contenere simboli (come le icone) però è una pratica che non mi è mai piaciuta.
Le icone sono immagini e andrebbero trattate come tali.
Inoltre utilizzando gli Icon Font escludiamo tutti i browser che non prevedono l’inclusione di font custom.
Lo so, è una motivazione più teorica che pratica :)