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
Libérer: 2024-12-13 17:11:18
original
289 Les gens l'ont consulté

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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal