Web e code script visite 18

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

Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo
Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo

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.

Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo
Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo

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

Come alleggerire file png online

1 min Sul filone dello scorso articolo che parlava dell’importanza della velocità del…

webdesign

Web e code script

Suggerimenti compilazione campi con jQuery UI Autocomplete

4 min Spesso ormai su internet ci troviamo di fronte a form, che…

webdesign

Web e code script

Annullata la Web Tax, imposta sul commercio e la pubblicità

1 minTempo fa vi avevamo parlato della Web Tax, l’imposta sul commercio e…