Quelle famille de polices Font Awesome 5 dois-je utiliser pour mes pseudo-éléments ?

Choisir la famille de polices appropriée pour les pseudo-éléments Font Awesome 5

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.

Comprendre les types de familles de polices

• Font Awesome 5 Marques : Comprend les icônes de marque et de réseaux sociaux.
• Font Awesome 5 Gratuit : La famille de polices par défaut qui contient la plupart des icônes gratuites.
• Font Awesome 5 Solid : Un sous-ensemble de Font Awesome 5 Free avec des icônes dans un style solide.
• Font Awesome 5 Regular : Un sous-ensemble de Font Awesome 5 Free avec des icônes dans un format plus léger et régulier style.

Choisir la bonne famille de polices

La famille de polices correcte à utiliser dépend de l'icône que vous utilisez.

• Pour les icônes de marque , utilisez Font Awesome 5 Brands.
• Pour toutes les autres icônes qui ne font pas partie d'un style spécifique ou sont gratuits, utilisez Font Awesome 5 Free.

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.

Exemple de code CSS

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.

Dépannage

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!