Comment faire la distinction entre les 5 icônes Awesome 5 de polices régulières et solides avec Unicode ?

Font Awesome 5 Unicode : Comprendre la différence entre fas et far

Dans Font Awesome 5, les icônes « fa-star » et « far fa-star » utilisent différentes épaisseurs de police pour créer respectivement des icônes d'étoiles solides et régulières. Les deux icônes partagent le point de code Unicode « f005 ».

Dans le code CSS fourni, l'écart entre les étoiles régulières et solides provient des poids de police incohérents. Pour basculer entre les versions standard et solide, ajustez la propriété font-weight dans votre feuille de style :

<code class="css">input.star:checked ~ label.star:before {
  /* Solid star */
  font-weight: 900;
}

label.star:before {
  /* Regular star */
  font-weight: 200;
}</code>

Avec un font-weight de 200 pour la version standard et de 900 pour la version solide, vous pouvez désormais dynamiquement basculer entre les deux représentations d'étoiles en fonction de la saisie de l'utilisateur.

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!