Maison >interface Web >tutoriel CSS >Pourquoi certaines icônes Font Awesome 5 (comme Bitcoin) ne s'affichent-elles pas ?

Pourquoi certaines icônes Font Awesome 5 (comme Bitcoin) ne s'affichent-elles pas ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-13 17:11:18290parcourir

Why Are Some Font Awesome 5 Icons (Like Bitcoin) Not Displaying?

Font Awesome 5 - Affichage des icônes manquantes

Dans Font Awesome 5, certaines icônes, notamment Bitcoin, Facebook et Twitter, peuvent ne pas fonctionner rendre.

Explication :
Font Awesome 5 a introduit un changement dans la mise en page CSS. Auparavant, toutes les icônes étaient incluses dans la feuille de style fontawesome.css. Cependant, dans la version 5, les icônes des réseaux sociaux et de la marque ont été déplacées vers une feuille de style brand.css distincte.

Solution :
Pour résoudre ce problème, vous devez également inclure le feuille de style brand.css dans votre projet. De plus, vous devez mettre à jour les noms de vos classes pour refléter la nouvelle convention de dénomination.

Exemple de code :

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/brands.css" integrity="sha384-IiIL1/ODJBRTrDTFk/pW8j0DUI5/z9m1KYsTm/RjZTNV8RHLGZXkUDwgRRbbQ+Jh" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css" integrity="sha384-q3jl8XQu1OpdLgGFvNRnPdj5VIlCvgsDQTQB6owSOHWlAurxul7f+JpUOVdAiJ5P" crossorigin="anonymous">

<i class="fab fa-btc"></i>
<i class="fab fa-bitcoin"></i>

Considérations supplémentaires :
Assurez-vous de consulter la documentation Font Awesome pour obtenir les informations les plus récentes sur l'utilisation des icônes et les noms de classe.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn