Nul besoin d’utiliser des images en .png ni de code css à en plus finir afin d’incorporer des Icons personnalisées dans vos sites Web!
Font Awesome fourni une superbe liste à utiliser, et ce, totalement libre de droit! Voici comment :
- Télécharger le kit de font dans votre projet Web – www.fontawesome.io
- Dans le head de votre html, copier le code suivant :
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
-
À l’endroit où vous voulez utiliser l’Icon désirée, simplement utiliser le code correspondant:
<li>class="fa fa-book"></li>
<li>class="fa fa-book fa-2x"></li>
<li>class="fa fa-book fa-3x"></li>
<li>class="fa fa-book fa-4x"></li>
<li>class="fa fa-book fa-5x"></li>
- Ce qui donne :
