Modifier le poids de la police des icônes FontAwesome ?

Question

J'aimerais que l'une des icônes de FontAwesome soit un peu moins lourde - elle est beaucoup plus lourde que la police que j'utilise. Voici à quoi elle ressemble actuellement :

:

C'est moche, non ? J'ai donc essayé de réinitialiser le poids de la police comme suit :

.tag .icon-remove  { 
  font-weight: 100;
}

L'attribut semble être correctement défini dans le CSS, mais il n'a aucun effet - l'icône semble aussi lourde qu'auparavant. J'ai également essayé font-weight: lighter y -webkit-text-stroke-width: 1px sans effet.

Y a-t-il un moyen de rendre l'icône moins lourde ? La documentation dit " Tout ce que vous pouvez faire avec les styles de police CSS, vous pouvez le faire avec Font Awesome. "mais je n'arrive pas à comprendre comment faire.

Answer 1

.star-light::after {
    content: "\f005";
    font-family: "FontAwesome";
    font-size: 3.2rem;
    color: #fff;
    font-weight: 900;
    background-color: red;
}