El icono de 5 estrellas Font-awesome tiene<i class="fas fa-star"></i> y<i class="far fa-star"></i> diferente esfas , far y Unicode para ambos esf005 ahora quiero usarlo como mi sistema de calificación, donde primero es estrella regular y, por clic, convertirme en estrella sólida, pero ¿cómo puedo definir esto?fas far en mi css?

Código

input.star:checked ~ label.star:before {
              content: '\f005';
              color: #e74c3c;
              transition: all .25s;
              font-family: 'Font Awesome 5 Free';
              font-weight: 900;
}


label.star:before {
          content: '\f005';
          font-family: 'Font Awesome 5 Free';
          font-weight: 900;
}

con mis códigos anteriores solo obtengo una estrella sólida