Cookie

Attenzione


Questo articolo è stato pubblicato più di un anno fa, potrebbero esserci stati sviluppi.
Ti preghiamo di tenerne conto.

A volte su internet incappo in alcune soluzioni geniali, che risolvono in pochi click un lavoro che altrimenti durerebbe alcuni minuti (si, ok, stiamo parlando di minuti, ma è sempre un risparmio di tempo). Le risorse che vi segnalo oggi (tratte dal blog inglese SixRevisions) sono semplici font, i cui caratteri consistono in icone monocromatiche pronte da includere nel web (con la regola CSS “@font-face“), una tecnica in uso da qualche tempo, ma che a stento vedo applicata.

I benefici derivanti dall’uso di questa tecnica possono essere riassunti così:

  • E’ una soluzione cross-browser (vengono supportati la maggior parte dei browser, perfino IE6),
  • L’icona può essere riscalata al volo cambiando un parametro nello stile del font,
  • Il colore può essere cambiato altrettanto velocemente sempre cambiando lo stile dell’elemento,
  • E’ possibile aggiungere ulteriori effetti tramite proprietà CSS (per esempio “text-shadow” e “gradient“).

Tutti quelli che seguono sono font con licenze diverse, ma utilizzabili anche per scopi commerciali.

  1. Foundation Icon Font

Icone: 137 // Licenza: MIT (open source)

  1. Sosa Icon Font

Icone: 121 // Licenza: Licenza custom (possibile utilizzo in progetti commerciali)

  1. Font Awesome

Icone: 196 // Licenza: Creative Commons Attribution 3.0 Unported

  1. Iconic Icon Set

Icone: 172 // Licenza: SIL Open Font License and Creative Commons Attribution-ShareAlike 3.0

  1. Raphaël Icon-Set

Icone: 116 // Licenza: MIT (open source)

  1. PulsarJS @font-face

Icone: // Licenza: SIL Open Font License

  1. IcoMoon

Icone: 316 // Licenza: Attribution-ShareAlike 3.0 Unported

  1. Typicons

Icone: 88 // Licenza: Creative Commons Attribution 3.0 Unported

  1. Entypo

Icone: 100+ // Licenza: Creative Commons Attribution 3.0 Unported

  1. Heydings Icons

Icone: 60 // Licenza: Attribution-NoDerivs 3.0 Unported

  1. Heydings Controls

Icone: 50 // Licenza: Attribution-NoDerivs 3.0 Unported

  1. JustVector Social Icons Font

Icone:  62// Licenza: Free Art License

  1. Modern Pictograms

Icone: 86 // Licenza: SIL Open Font License

  1. Brandico

Icone: 18 // Licenza: SIL Open Font License and Attribution-ShareAlike 3.0 Unported

  1. Signify Lite

Icone: 38 // Licenza: Licenza custom (possibile utilizzo in progetti commerciali)

  1. Web Symbol Typeface

Icone: 78 // Licenza: SIL Open Font License

  1. Social Media Icons

Icone: 74 // Licenza: Licenza custom (possibile uso in progetti commerciali)

  1. Ikoo

Icone: 65 // Licenza: Attribution-ShareAlike 3.0 Unported

Non ti basta?


TheJoe

Mantengo questo blog a livello amatoriale dal 2009. Sono appassionato di grafica, tecnologia, software Open Source. Fra i miei articoli non sarà difficile trovarne circa la musica, ed alcuni di riflessioni personali, ma preferisco indirizzare la linea del blog principalmente verso la tecnologia. Per informazioni contattami.

0 commenti

Lascia un commento

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

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.