Comment utiliser Font Font Awesome 6 icônes

Comment utiliser Font Font Awesome 6 icônes

"Font génial 6"Est la boîte à outils qui contient un ensemble de différentes icônes que les développeurs peuvent utiliser pour afficher les icônes déjà créées à partir de la bibliothèque de Font Awesome 6 sur la page Web Interfaces. Utilisation de Font Awesome 6 nécessite d'ajouter le lien de téléchargement de Font Awesome 6 dans le "”Tag puis ajoutant simplement les noms exacts des icônes dans le«" étiqueter. Il gagne le temps des développeurs car l'utilisation de cette boîte à outils élimine la nécessité de dessiner les icônes sur les interfaces.

Cet article démontrera la méthode pour utiliser les icônes de la police Awesome 6 en HTML.

Comment utiliser Font Font Awesome 6 icônes en HTML?

Il existe des milliers d'icônes disponibles dans le «Font génial 6”Toolkit que les développeurs peuvent ajouter lors du codage simplement en ajoutant les noms d'icônes valides« Font Awesome 6 »(comme la voiture, la cloche, l'enveloppe et le coup de pouce) dans le«”Tag après avoir ajouté le lien de téléchargement de Font Awesome 6 dans le"" étiqueter. Cela peut être mieux compris à l'aide d'un exemple simple qui contiendra certaines des icônes couramment utilisées.

Exemple

Pour ajouter la police Awesome 6 Icons en HTML, il est nécessaire d'ajouter d'abord la balise de liaison suivante dans le code HTML "" ou "»:


Dans l'instruction de code ci-dessus:

    • UN ""La balise a été ajoutée avec le"rel«Attribut défini comme«feuille de style".
    • Le "href”L'attribut dans la balise a le lien d'où les icônes de la police Awesome 6 seront téléchargées.

Les développeurs peuvent ensuite ajouter l'une des icônes de 6 impressionnantes de police pertinentes dans le HTML "”Tag à l'intérieur du corps du code:








Dans l'extrait de code ci-dessus:

    • Le "«Les tags ont déclaré les classes avec le«FA»(Font Awesome Values) et les noms d'icônes valides sont écrits après cela.
    • À l'intérieur du même "”Tag, les attributs de style sont ajoutés pour ajouter le style CSS en ligne.
    • La taille de la police pour tous les ««Les icônes de balise ont été définies comme«50px"
    • Différentes couleurs pour différentes icônes ont été spécifiées. De plus, lorsqu'il n'y a pas de couleur définie pour les icônes, la couleur par défaut sera «noir".

Les noms des icônes ajoutés dans l'extrait de code affichent les icônes du "Font génial 6" bibliothèque:


C'est ainsi que vous pouvez utiliser le "Font génial 6«Pour afficher les icônes en HTML.

Conclusion

Le "Font génial 6«Les icônes sont utilisées dans un document HTML en ajoutant d'abord le«"Tag avec le"href”Attribut dans la tête de code ou le corps qui contient le lien par lequel les icônes de 6 impressionnantes de police doivent être téléchargées. Après cela, les noms valides de toutes les icônes disponibles du «Font génial 6"La bibliothèque peut être ajoutée dans le"»Tags pour afficher les icônes de l'interface de sortie.