css - FontAwesome 图标未显示

Question

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

我的 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 中使用 FontAwesome 符号，我需要包含 all.css来自 FontAwesome。

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

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