使用内容时字体真棒不显示

Question

我脑子里有很棒的字体 CSS。如果我这样做，效果很好：

<p>This works</p>
<i class="fas fa-plus"></i>

但如果我这样做，我只会得到正方形：

<div class="myfaplus"></div>

.myfaplus:before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
}

我只是不明白。我拆开字体真棒 css 文件和它完全一样？

见https://codepen.io/monstamash/pen/VwvjjWq

Answer 1

您需要添加font-weight: 900;（由fas class添加）