O incrível ícone de 5 estrelas da Font<i class="fas fa-star"></i> e<i class="far fa-star"></i> diferente éfas , far e Unicode para ambos éf005 agora eu quero usá-lo como meu sistema de classificação, onde primeiro é a estrela regular e, ao clicar, tornar-se uma estrela sólida, mas como faço para definir issofas far no meu 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;
}

com meus códigos acima eu só tenho estrela sólida