Pourquoi les icônes de marque My Font Awesome 5 (comme Bitcoin et Facebook) manquent-elles ?

Font Awesome 5 : Dévoiler les secrets des icônes de marque manquantes

Dans le domaine du développement Web, les icônes servent d'indices visuels essentiels, améliorant engagement des utilisateurs. Mais en ce qui concerne Font Awesome 5, les utilisateurs ont été confrontés à une absence déconcertante de certaines icônes de marque, à savoir Bitcoin et Facebook. Rassurez-vous, cet article fera la lumière sur le chaînon manquant et fournira une solution pour redonner à ces icônes la place qui leur revient dans votre arsenal de conception.

La cause profonde : présentation du CSS des marques

Contrairement aux versions précédentes de Font Awesome, la version 5 introduit un changement significatif dans l'inclusion des icônes de marque. Ces icônes sont désormais hébergées dans un fichier CSS distinct appelé « brands.css ». Le fait de ne pas inclure ce fichier supplémentaire entraîne l'absence des icônes susmentionnées.

Mise à jour des noms de classe : alignement avec la nouvelle syntaxe

En plus d'incorporer le "brands.css" fichier, vous devez vous assurer que vos noms de classe sont à jour avec la nouvelle syntaxe Font Awesome 5. Auparavant, les noms de classe utilisaient le préfixe « fa » pour les icônes classiques et de marque. Dans Font Awesome 5, les icônes de marque nécessitent désormais le préfixe « fab ».

Exemple : Récupération des icônes Bitcoin et Facebook

Pour illustrer la mise en œuvre correcte, considérez l'extrait suivant :

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

<i>

En incluant à la fois les fichiers "brands.css" et "fontawesome.css" et en adhérant au préfixe « fabuleux » pour les icônes de marque, vous pouvez restituer en toute confiance les icônes Bitcoin et Facebook dans votre application.

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!