Un pack icônes bien fait, Font-Awesome !

Si vous avez déjà utilisé Bootstrap, vous connaissez déjà le système de classe pour ajouter une icône sur une balise html. Avec font-awesome, c’est le même principe avec en plus des classes pour gérer la taille, des icônes animées comme des spinner de loading, le tout embarqué dans des fichiers fonts, ce qui donne un gros avantage sur le pack d’icônes de bootstrap.

Pour l’installer, il suffit de télécharger l’archive sur la page d’accueil et de la décompressé dans le dossier des librairies de votre site.

 

 

 

Ensuite, il faudra référencer le fichier css dans vos page HTML :

<link rel="stylesheet" type="text/css" href="./lib/font-awesome/css/font-awesome.min.css" />

Pour l’utiliser, c’est très simple, la page qui référence les icônes nous indique les classes correspondantes.

Par exemple, la taille se gère très facilement via le système de class css :

<i class="fa fa-camera-retro fa-lg"></i> fa-lg

 

<i class="fa fa-camera-retro fa-5x"></i> fa-5x

 

Vous l’aurez compris, font-awesome, ben c’est hyper pratique 🙂

Vous aimez mes articles ? Offrez-moi un café !