[PDF] font-awesome Chapitre 3: Font Awesome & Accessibility

View - Download font-awesome

Previous PDF

Next PDF

font-awesome #font- awesome

Table des matières

À propos1

Chapitre 1: Commencer avec font-awesome2

Remarques2

Examples2

Installer2

Exemple de base: utiliser une icône2

Utiliser la police génial2

Chapitre 2: Étapes pour ajouter de la police dans un projet4

Examples4

Utilisez cette méthode pour obtenir le CSS Awesome de police par défaut avec le CSS Bootst4

Chapitre 3: Font Awesome & Accessibility5

Examples5

Icônes utilisées pour une décoration pure ou visuelle5

Crédits6

À propos

You can share this PDF with anyone you feel could benefit from it, downloaded the latest version from: font-awesome It is an unofficial and free font-awesome ebook created for educational purposes. All the content is extracted from Stack Overflow Documentation, which is written by many hardworking individuals at Stack Overflow. It is neither affiliated with Stack Overflow nor official font-awesome. The content is released under Creative Commons BY-SA, and the list of contributors to each chapter are provided in the credits section at the end of this book. Images may be copyright of their respective owners unless otherwise specified. All trademarks and registered trademarks are the property of their respective company owners. Use the content presented in this book at your own risk; it is not guaranteed to be correct nor accurate, please send your feedback and corrections to info@zzzprojects.com https://riptutorial.com/fr/home1

Chapitre 1: Commencer avec font-awesome

Remarques

FontAwesome est un ensemble de 600 icônes vectorielles. Il est disponible gratuitement sous licence OFL / MIT -License et peut être utilisé dans des projets open source ou commerciaux.

Examples

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 dans la la page Web comme ceci: Référencez-le dans la la page Web en utilisant une adresse CDN. Une de ces adresses serait . Pour ce faire, utilisez simplement une balise de 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 ou d'exécuter la commande ci- dessous dans la console du package: •

Ruby: Il suffit de lancer cette commande: •

npm: lancez simplement cette commande: •

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:

(Voir le résultat dans ce violon.)

Créez une balise vide (il est recommandé d'utiliser utilisé pour cela) et attribuez la classe " "

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. https://riptutorial.com/fr/home2

Comment ça marche? Font Awesome utilise les caractères Unicode stockés dans un répertoire

pour remplacer tous les éléments 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 , ou un

, principalement pour les meilleures pratiques, mais améliorent également les performances avec Font Awesome. Toutes les icônes ont également la classe 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 . Un exemple fini est ci-dessous: devient

Étant donné que les polices génériques fonctionnent avec les caractères Unicode, elles

permettent également à toute manipulation de texte, telle que de la , la , etc. Lire Commencer avec font-awesome en ligne: https://riptutorial.com/fr/font- https://riptutorial.com/fr/home3

Chapitre 2: Étapes pour ajouter de la police

dans un projet

Examples

Utilisez cette méthode pour obtenir le CSS Awesome de police par défaut avec le CSS Bootstrap par défaut.

1. Télécharger la police-génial d' ici .

2.Copiez le répertoire font-awesome dans votre projet.

3.Dans votre fichier HTML, référencez l'emplacement à votre font-awesome.min.css.

4.Dans le projet, utilisez une police comme celle-ci:

Lire Étapes pour ajouter de la police dans un projet en ligne: https://riptutorial.com/fr/font- https://riptutorial.com/fr/home4

Chapitre 3: Font Awesome & Accessibility

Examples

Icônes utilisées pour une décoration pure ou visuelle

Si vous utilisez une icône pour ajouter une décoration ou une marque supplémentaire, il n'est pas

nécessaire de l'annoncer aux utilisateurs qui naviguent sur votre site ou dans votre application. De

plus, si vous utilisez une icône pour rehausser ou ajouter visuellement un style à un contenu déjà

présent dans votre code HTML, il n'est pas nécessaire de le répéter à un utilisateur utilisant une

technologie d'assistance. Vous pouvez vous assurer que cela n'est pas lu en ajoutant aria-hidden = "true" à votre balisage Font Awesome. Lire Font Awesome & Accessibility en ligne: https://riptutorial.com/fr/font-awesome/topic/5362/font- awesome--amp--accessibility https://riptutorial.com/fr/home5

Crédits

S.

NoChapitresContributeurs

1Commencer avec

2Étapes pour ajouter

de la police dans un projetAnand Gupta

3Font Awesome &

AccessibilityAnand Gupta

https://riptutorial.com/fr/home6quotesdbs_dbs14.pdfusesText_20

[PDF] icone pdf libre de droit

[PDF] icone somme openoffice

[PDF] icone youtube png

[PDF] icone zotero ne s'affiche pas

[PDF] icone zotero ne s'affiche pas chrome

[PDF] iconfinder pdf

[PDF] icpe

[PDF] icpe autorisation déclaration

[PDF] icsi institut pour une culture de sécurité industrielle

[PDF] ict technical business analyst

[PDF] ictaal pdf

[PDF] ictarn pdf

[PDF] idcc 2216

[PDF] iddri adresse

[PDF] iddri biodiversité