FontAwesome 图标未显示

Question

我在页面上的几个地方使用了 Font Awesome 图标，但是当我想在 CSS 中使用它时，它没有显示。我在这里遇到了很多问题，因为我看到其他人也有同样的问题，但是 none 的解决方案对我有用：

我的 Font Awesome 版本是：Font Awesome Free 5.11.2

CSS:

.avatar-upload .avatar-edit input+label::after {
    font-family: "Font Awesome 5 Free";
    content: '\f574';
    font-weight: 900;
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

Answer 1

确保 CSS 文件夹和 Fonts 文件夹在同一个父目录中

View image

Answer 2

为了在 CSS 中使用 FontAwesome 符号，我需要包含来自 FontAwesome 的 all.css。

<link rel="stylesheet" href="css/all.css">

（all.css 文件保存在我创建的名为 css 的文件夹中。）

FontAwesome 图标未显示

FontAwesome icon is not showing

css

font-awesome-5