Les icônes Fontawesome

Fontawesome est un site qui fourni des icônes pour sites web.

Ces icônes sont traités comme du texte par le CSS.

Comment utiliser

Au Cégep de Lévis, nous avons créé un compte pour tous les étudiants.

Pour l'utiliser :

1. Placer la ligne suivante à la fin devotre page web

   Avant la balise de fermeture </body>

   Placer:

   <script src="https://kit.fontawesome.com/d6973d5988.js" crossorigin="anonymous"></script>

   C'est un script externe de validation du compte.

2. Sur Fontawesome.com

   1. Cliquer sur Icons dans le menu de navigation

   2. Utiliser les icônes gratuits uniquement

      

   3. Rechercher l'icône voulu

   4. Cliquer sur l'icône

   5. Copier-coller le code HTML fourni

      

   6. Dans votre code modifier <i> pour <span>

      

Apparence des icônes

Pour modifier l'apparence des icônes Fontawesome, on doit utiliser le CSS et les attributs de police de texte.

1. Taille de l'icône : font-size
2. Couleur de l'icône : color
3. Bordures : border-size, border-color, border-style