font-awesome Tutoriel
Commencer avec font-awesome

Remarques

Installer

Différentes approches peuvent être utilisées pour intégrer FontAwesome dans un site Web:

Pour du HTML simple / CSS:

• Téléchargez le fichier zip disponible ici , décompressez-le et copiez le contenu sur votre site Web. Ensuite, référencez le /css/font-awesome.css dans la head la page Web comme ceci:
  
  <link rel="stylesheet" src="/assets/font-awesome/css/font-awesome.css">
• Référencez-le dans la head la page Web en utilisant une adresse CDN. Une de ces adresses serait https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css . Pour ce faire, utilisez simplement une balise de link mais définissez la source sur l'adresse CDN à la place.

Pour les gestionnaires de packages:

La plupart des gestionnaires de paquets prennent en charge Font Awesome en tant que package, et vous trouverez ci-dessous quelques exemples:

• NuGet: Il suffit de rechercher et d'installer Font-Awesome ou d'exécuter la commande ci-dessous dans la console du package: Install-Package FontAwesome
• Ruby: Il suffit de lancer cette commande: gem install font-awesome-rails
• npm: lancez simplement cette commande: npm install font-awesome

Exemple de base: utiliser une icône

Le cas d'utilisation simple consiste à faire référence à une icône unique dans sa taille normale: <i class="fa fa-camera-retro"></i> (Voir le résultat dans ce violon.)

Créez une balise vide (il est recommandé d'utiliser <i> utilisé pour cela) et attribuez la classe " fa " et la classe correspondant à l'icône souhaitée (voir la liste des icônes ici ).

Utiliser la police génial

Font Awesome est une bibliothèque extrêmement simple mais puissante à utiliser, avec 634 icônes disponibles en quelques mots.

Comment ça marche? Font Awesome utilise les caractères Unicode stockés dans un répertoire ../fonts pour remplacer tous les éléments i.fa par le caractère unicode correspondant, affichant ainsi l'icône sous forme de texte.

Comment créer une icône? Toutes les classes d'icônes doivent être un élément i , ou un italic element , principalement pour les meilleures pratiques, mais améliorent également les performances avec Font Awesome. Toutes les icônes ont également la classe fa sur elles. Cela dénote une icône et ne fonctionnera pas sans elle . Après cela, ajoutez simplement l'icône que vous voulez, préfixée par une autre fa- . Un exemple fini est ci-dessous:

<i class="fa fa-pencil"></i> devient

Étant donné que les polices génériques fonctionnent avec les caractères Unicode, elles permettent également à toute manipulation de texte, telle que font-size de la font-size , la color , etc.