Pourquoi My Font Awesome 5 Icônes Bitcoin, Facebook et Twitter sont-elles manquantes ?

Font Awesome 5 : Dépannage des icônes manquantes (Bitcoin, Facebook, Twitter)

Dans Font Awesome 5.0.8 et les versions plus récentes, certaines icônes, telles que Bitcoin, Facebook , et Twitter, peuvent ne pas s'afficher correctement en raison de changements dans le nom des classes et dans l'utilisation des feuilles de style.

Classe mise à jour Noms

À partir de Font Awesome 5.x, les noms de classe pour les icônes de marque (par exemple, Facebook, Twitter) sont passés de « fa » à « fab ». Cela signifie que vous devez mettre à jour votre code pour utiliser ces nouveaux noms de classe, tels que :

<i class="fab fa-btc"></i>  // Bitcoin icon
<i class="fab fa-facebook-f"></i>  // Facebook icon

Inclusion de la feuille de style des marques

De plus, dans Font Awesome 5.0.8 et versions ultérieures, vous devez utilisez à la fois les feuilles de style "fontawesome.css" et "brands.css". La feuille de style « brands.css » contient les règles de rendu des icônes de marque (par exemple, Bitcoin, Facebook).

Pour résoudre ce problème, assurez-vous d'avoir les deux feuilles de style référencées dans votre code HTML :

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/brands.css">

En mettant à jour les noms de classe et en incluant la feuille de style "brands.css", vous pouvez vous assurer que les icônes comme Bitcoin, Facebook et Twitter s'affichent correctement dans Font Awesome 5.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!