使用\ f004将CSS中的项目符号项更改为fa fa-heart

Question

我正在编辑网站上的CSS，并希望使显示在“喜欢”旁边的项目符号显示为Font Awesome Heart（link）

我在CSS中使用以下代码：

span.dots ::before { 
font-family: 'FontAwesome';
content: '\f004';
    font-size: 15px;
color: #f00;
}

<span>的类是点，这就是我的目标。

心脏看起来很好，但它是一颗饱满的心，而不是无声的中心声音。通常，要获得我想要的样式，您必须将类切换为“ fas fa-heart”，但假设我能做的就是编辑CSS。

有什么想法吗？

Answer 1

您是否安装了整个FontAwesome系列？如果这样做，则可能是字体粗细问题。试试：

span.dots ::before { 
font-family: 'FontAwesome';
content: '\f004';
font-weight:400;
    font-size: 15px;
color: #f00;
}

如果您查看FontAwesome CSS文件，它会告诉您如果CSS中包含整个字体系列，则使用哪种样式。