fontawesome

In merito alla CDN e ai @fontface, una problematica è legata al fatto che firefox e internet explorer interpretano in modo restrittivo le policy di "Same Origin Restiction" ai font ( http://dev.w3.org/csswg/css3-fonts/#same-origin-restriction ) , per questioni di sicurezza quindi il font non verrà visualizzato.

Per poterlo visualizzare correttamente occorre inviare un'header indicando da quali origini viene permesso l'accesso:

Prendendo spunto da fontawesome ( e con il contributo non indifferente del framework bootstrap ) ci si prensenta l'opportunità di sostituire le nostre sprite di icone con un font:

Il vantaggio del font è che l enostre icone possono essere gestite con le regole dei CSS, per cui essere scalate, colorate, ruotate o ombreggiate a piacere.

Per farlo, è necessaria un poco di pratica con la grafica vettoriale, un programma che salvi gli SVG e, comodissimo, il servizio online IcoMoon App   Icon Font Generator.