html - 如何将 5 个实心和常规图标与 n 伪元素字体结合起来

Question

我正在尝试在我的项目中嵌入 fontawesome 5 图标。我需要在伪元素中添加图标（：之前，：之后）。我可以添加常规图标，但不能添加实体图标。两者都具有相同的 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 更改为 Regular，只需更新 font-family：

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