Pourquoi l'icône de ma police Awesome 5 ne s'affiche-t-elle pas ?

Pourquoi le contenu CSS de Font Awesome 5 ne s'affiche-t-il pas ?

Lorsqu'ils tentent d'utiliser le contenu CSS de Font Awesome, les utilisateurs peuvent rencontrer un problème où seul le code de l'icône apparaît à la place de l'icône souhaitée. Ce problème peut être résolu en abordant à la fois les attributs font-family et content.

Correction de la famille de polices

Dans l'extrait de code fourni, l'attribut font-family est incorrect. défini comme « FontAwesome ». La famille de polices correcte pour Font Awesome 5 Free est :

font-family: "Font Awesome 5 Free";

Correction du contenu

Il manque une barre oblique inverse '' dans l'attribut de contenu. Au lieu de /f35a, cela devrait être :

content: '\f35a';

Voici le code mis à jour avec les corrections appliquées :

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

.fp-prev:before {
    color:#000;
    content: '\f35a';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
}

En effectuant ces corrections, l'icône Font Awesome devrait maintenant s'afficher correctement .

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!