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
Susan Sarandonoriginal
2024-12-06 06:45:12584parcourir

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">
  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>

Devient :

<i>

Extrait de code mis à jour :




<i>

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