Différences

Ci-dessous, les différences entre deux révisions de la page.

--- font_awesome [2025/08/26 21:34] – seb
+++ font_awesome [2025/08/28 12:36] (Version actuelle) – [FONT AWESOME] seb
@@ Ligne 1: / Ligne 1: @@
+====== Font Awesome ======
+===== Préambule =====
+Font Awesome est une bibliothèque d'icônes vectorielles de super qualité en CSS. Il s'agit d'un service payant (abonnement annuel) mais on peut accéder aux 2060 icônes gratuites en suivant cette méthode.
+Les icones font parties de groupes tels que :
+  * Regular (contours)
+  * Solid (pleines)
+  * Brands (marques)
+Liste des icônes : https://fontawesome.com/v6/search?ic=free&o=r
+===== Installation =====
+Ajouter cette ligne dans le ''<head>'' de la page HTML :
+<file https://inoki.s3.eu-west-3.amazonaws.com/css/fontawesome-6-5-1/css/all.min.css><link rel="stylesheet" href="https://inoki.s3.eu-west-3.amazonaws.com/css/fontawesome-6-5-1/css/all.min.css"></file>
+ou télécharger et héberger le fichier : https://inoki.s3.eu-west-3.amazonaws.com/css/fontawesome-6-5-1/css/all.min.css
+===== Utilisation =====
+Pour afficher une icone, il s'agit d'un peu de html (on se sert de la balise ''<i>'' qui est obsolète :
+<code htmL><i class="fas fa-house"></i></code>
+On utilise donc des classes commençant par **//fa//** pour le style d'icone (ex: ''fas'' pour Solid) et le motif (ex: ''fa-house'').
+On peut ajouter des classes pour :
+  * la taille
+  * l'alignement
+  * l'utilisation dans une liste
+  * la rotation
+  * l'animation
+Documentation : https://docs.fontawesome.com/web/style