Font Awesome 5 propose quatre options de famille de polices : Font Awesome 5 Free, Font Awesome 5 Solid , Font Awesome 5 marques et Font Awesome 5 Regular. Lorsque vous utilisez des icônes dans des pseudo-éléments CSS, il est crucial de sélectionner la famille de polices appropriée pour garantir un affichage correct.
La famille de polices correcte à utiliser dépend de l'icône que vous utilisez.
Il est important de noter que Font Awesome 5 Solid et Font Awesome 5 Regular ne sont pas des familles de polices distinctes. Ce sont des variations de style qui peuvent être obtenues à l'aide de la propriété font-weight.
Pour utiliser plusieurs options font-family dans la même déclaration, répertoriez-les simplement par ordre de préférence :
h1:before { font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free"; }
Cela garantit que le navigateur utilisera la première famille de polices contenant l'icône que vous souhaitez affichage.
Si une icône ne s'affiche pas correctement, vérifiez que vous avez choisi la bonne famille de polices et que l'icône est incluse dans la version gratuite de Font Awesome 5. Certaines icônes, notamment dans les styles Light et Duotone, ne sont disponibles que dans la version Pro.
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!