A quoi correspondent les icones Font Awesome ?

Font Awesome est une bibliothèque créée  par Dave Gandy et optimisée pour Bootstrap.


Font Awesome est totalement libre de droit. La dernière version propose plusieurs  centaines d'icônes.

Source Wikipedia :
Bootstrap est une collection d'outils utile à la création de sites et d'applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option.
Bootstrap est compatible avec les dernières versions des navigateurs majeurs, mais peut fonctionner de manière dégradée sur des navigateurs plus anciens.

TRES IMPORTANT A SAVOIR :

L'utilisation de Font Awesome dans une page HTML implique que cette page soit liée à la feuille de styles spécifique propre à Font Awesome. Cette feuille de style a pour nom  font-awesome.min.css.

Comment obtenir cette feuille de styles ?

Il est possible d'extraire le fichier correspondant à la feuille de styles en téléchargeant Font Awesome sur le site officiel http://fortawesome.github.io/Font-Awesome.

Cette feuille de styles extraite, vous devez

Conseils : sur ce site, nous conseillons plutôt


Quel est le rôle de la feuille de styles de  Font Awesome ?

Si vous ouvrez la feuille de styles css/font-awesome.min.css dans  un éditeur de texte vous constatez la présence d'une succession de classes

Toutes les classes contenues dans la feuille de styles de Font Awesome, ne sont pas destinées à afficher une icone, certaines classes permettent d'améliorer l'affichage des icones. Elles s'additionnent à la classe d'origine.

DES EXEMPLES


CONSEIL : Faire une recherche sur Internet pour approfondir toutes les possibilités offertes par Font Awesom. Voir la page http://www.w3schools.com/icons/fontawesome_icons_intro.asp de l'excellent site w3schools.com

Retour

Mis à jour le 01/10/16