Web e code script visite 191

Icon Font Awesome. Come inserire sul sito icone tramite font

1 min

Le icone sono ormai uno standard per chi realizza siti internet. Permettono infatti un’ottima personalizzazione per lo stile del vostro sito.

Se tempo fa venivano utilizzate in grande misura le icone sotto forma di immagini, recentemente avrete notate che buona parte dei siti presenti utilizza un metodo alternativo per farne a meno.

icon-font-awesome

Icon Font Awesome, le tue icone hanno carattere

La soluzione è utilizzare un font, che contiene al momento 519 icone al posto dei classici caratteri. Stiamo parlando di Icon Font Awesome.

Font Awesome ti fornisce icone vettoriali scalabili che possono immediatamente essere personalizzati quanto a dimensione, colore, ombra, e tutto ciò che può essere fatto con la potenza del CSS.

Vi sono diversi modi per utilizzare questo potente strumento, ma sicuramente quello più semplice è quello di linkare semplicemente un file css nella vostra pagina, quindi inserire il codice html corrispondente all’icona che desiderate inserire nel punto in cui desiderate che appaia l’icona.

La pagina degli esempi vi permetterà quindi di personalizzare l’icona in base alle vostre esigenze. Potrete persino animarla o inserirla all’interno di un bottone. Non vi resta che provare Icon Font Awesome.

Icon Font Awesome, quali icone posso trovare?

Ci sono più di 500 icone pronte all’uso, dei più svariati settori:

  • icone generiche/classiche
  • icone di trasporti
  • icone social e di brand
  • icone di generi sessuali
  • icone di file di vario tipo
  • icone di sistemi di pagamento
  • icone di grafici
  • icone di testo
  • icone di video
  • icone di form
  • icone direzionali
  • icone mediche
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

Un calendario per il tuo form con jQuery UI DatePicker

3 min Molto spesso vi sarete imbattuti su siti web con form di…

webdesign

Web e code script

GOOGLE WEB FONTS | Google Font API cambia il web

1 min Con i web font la prospettiva prossima è quella di cambiare…

webdesign

Web e code script

Responsive Web Design: cos’è, a cosa serve e come funziona

3 min Chi lavora nel campo del web design e si tiene aggiornato…