通过CSS在句子中使用图标

Question

我想在css文件中使用图标。

例如这样的例子，显示R.

.playlist .controls label.stereopan:after {
content: "R";
}

所以，我确实喜欢下面的这个。

.playlist .controls label.stereopan:before {
content: '<i class="fas fa-car"></i>';
}

然而，它不起作用，标签不会被解析，只是显示句子。有什么变通办法吗？

Answer 1

汽车字体链接：https://fontawesome.com/v5/icons/car?s=solid你需要添加这个代码与字体家族根据你当前的字体真棒版本：

.playlist .controls label.stereopan:before {
content: 'f1b9'; 
font-family: "Font Awesome 5 Free";
}