Font Awesome est un outils (ou du moins une typographie) qui vous permet d’ajouter des icônes dans vos textes. Vous pouvez les intégrer dans n’importe quelle balise, que ce soit dans les balise <a>, <p>, <h1> et bien plus …
L’installation de Font Awesome est plutôt simple et rapide si vous avez les bases de HTML et CSS. Vous avez 2 solutions :
- Ajouter le lien de Font Awesome directement dans vos balises <head>.
- Ajouter vous-même le fichier Font Awesome dans votre dossier CSS à la racine de votre site.
Ces deux solutions fonctionnent tout aussi bien, mais il y a quelques inconvénients. Dans la première solution, Font Awesome est hébergé sur son propre hébergeur et non chez vous, et donc s’il viendrait à être hors service vos icônes n’apparaîtrais plus sur votre site. Dans la deuxième solution, le seul problème étant la mise en ligne de votre site, cela allonge le temps d’upload, car les dossiers Font Awesome sont très chargés.
Ajouter le lien de Font Awesome directement dans vos balises <head>.
Ajouter vous-même le fichier Font Awesome dans votre dossier CSS à la racine de votre site.
L’utilisation de Font Awesome est encore plus simple ! Avant de commencer, choisissons une icône sur le site de Font Awesome ensuite, il vous suffit de copier la ligne de code (qui se situe au-dessus de l’icône) cliquant simplement dessus.
Capture d’écran d’une page d’une icône Font Awesome
Voilà ! Nous avons notre icône, il ne vous reste plus qu’à coller votre ligne dans votre site et le tour est joué !
Conclusion, Font Awesome peut être un très bon outil pour l’utilisation d’icône sur vos sites web. Si vous souhaitez, vous pouvez également télécharger la typo Font Awesome et l’installer sur votre ordinateur, afin d’intégrer les icônes dans vos maquettes. Il vous suffira cette fois-ci de ne pas copier le code, mais juste de cliquer directement sur l’icône (toujours au-dessus de la grande icône).
