如何对5个实心和常规图标N个伪元素进行字体渲染

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;
}