Font Awesome

Font Awesome

Oggi andremo a parlare di Font Awesome, una raccolta di simboli usabili e di facile utilizzo per noi sviluppatori.

Possiamo prendere la struttura che abbiamo preparato nell’articolo Posizionamento con Css e inserire qualche icona che Font Awesome ci mette a disposizione.

Vi faccio un esempio:

il codice è il seguente:

<i class="fa fa-bar-chart-o fa-3x"></i>

Su questo link troveremo la mappa Font Awesome di tutte le icone utilizzabili e su come scrivere il codice per richiamarle nelle nostre pagine:
Mappa Font Awesome

Da poco ho scoperto, mio errore non aver cercato news prima, il sito con la nuova versione da scaricare (tenete conto che inizialmente ho utilizzato la versione 4.2 già applicata su un template)

Ecco il link: Font Awesome

Applicare in sviluppo Font Awesome

Per applicare le nostre icone sarà sufficiente collegare i css in ogni pagina dove si andranno applicare:

<link rel="stylesheet" href="css/font-awesome.css">

Plugin per WordPress

A questo punto nasce spontanea una domanda: su WordPress?

Ed ecco che hanno sviluppato un plugin che applica in automatico i nostri css così da utilizzare le icone su ogni parte del sito web.

Font Awesome Icons

Buon divertimento!

Fonte: Font Awesome

Davide Arduini Arduini

Developer Web in Php, Html, Asp, Css. Esperienza in sviluppo di siti web, pannelli gestionali e applicativi aziendali per uso interno. Conoscenza base dei vari CMS (Joomla, WordPress, etc..)

WebSite


Seguimi su: TwitterFacebookLinkedInPinterestGoogle PlusYouTube

Utility per il vostro sito web
Login Php (parte 1 del tutorial)

Potrebbero interessarti anche

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.