How to fontawesome 5 solid and regular icons n pseudo elements

Question

I am trying to embed fontawesome 5 icons in my project. I need to add icons in pseudo elements (:before, :after). I could add regular icons but not solid icons. Both have same unicode value. This is my css so far,

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

Now it displays regular star icon. How can I make it solid icon?

Thanks in advance.

Answer 1

To make it solid icon, add font-weight: 900;

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