Question

我输入以下代码：

a::before {
    content: "\f061";
    font-family: FontAwesome;
}

但是font-awesome图标没有显示，只是一个空方块。

有什么问题？

谢谢！

Answer 1

来自This answer的

@TemaniAfif可能会有所帮助。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
@import url("https://use.fontawesome.com/releases/v5.2.0/css/all.css");

.fp-prev:before {
    color:#000;
    content: '\f35a'; /* You should use \ and not /*/
    font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

Answer 2

尝试一下，它对我有用：）

webp

FontAwesome图标在css内容中不起作用

2 个答案: