如何将5个实心和常规图标与伪元素相提并论

Question

我想在我的项目中嵌入fontawesome 5个图标。我需要在伪元素中添加图标（：before，：after）。我可以添加常规图标，但不能添加实心图标。两者都具有相同的unicode值。到目前为止，这是我的CSS，

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

现在它显示常规星形图标。我怎样才能使它成为可靠的图标？

提前致谢。

Answer 1

要使其成为可靠图标，请添加font-weight: 900;

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

Answer 2

我知道我参加聚会迟到了，但是...

如果您需要将图标样式从 Solid 更改为常规，只需更新 font-family：

font-family: 'Font Awesome 5 Free Regular';