Maison > interface Web > tutoriel CSS > Pourquoi mes icônes Bitcoin et Facebook Font Awesome 5 ne s'affichent-elles pas correctement ?

Pourquoi mes icônes Bitcoin et Facebook Font Awesome 5 ne s'affichent-elles pas correctement ?

Susan Sarandon
Libérer: 2024-12-06 06:45:12
original
601 Les gens l'ont consulté

Why Aren't My Font Awesome 5 Bitcoin and Facebook Icons Displaying Correctly?

Font Awesome 5 - Problèmes de rendu avec des icônes spécifiques

Font Awesome version 5.0.8 a introduit des modifications dans ses conventions de dénomination d'icônes et du CSS supplémentaire exigences. Bien que le rendu de la plupart des icônes reste le même, certaines icônes comme Bitcoin et Facebook nécessitent des étapes supplémentaires pour s'afficher correctement.

Problème :

Impossible d'afficher les icônes Bitcoin et Facebook dans Font Génial version 5.0.8.

Solution :

Pour résoudre ce problème, le Les modifications suivantes sont nécessaires :

  1. Inclure la feuille de style brand.css :

Font Awesome 5 a introduit un fichier CSS distinct appelé "brands.css " pour les icônes spécifiques à une marque comme Bitcoin et Facebook. Assurez-vous d'inclure ce fichier dans votre projet en ajoutant :

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/brands.css">
Copier après la connexion
  1. Mettre à jour les noms des classes d'icônes :

Dans les versions précédentes de Font Awesome, les icônes de marque utilisaient le préfixe « fa- », mais dans la version 5, ce préfixe est devenu « fab- ». Mettez à jour les noms de vos classes d'icônes en conséquence, par exemple :

<i>
Copier après la connexion
Copier après la connexion

Devient :

<i>
Copier après la connexion
Copier après la connexion

Extrait de code mis à jour :




<i>
Copier après la connexion

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