Значок 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

Чтобы использовать символы FontAwesome в CSS, мне нужно было включить all. css из FontAwesome.

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

(файл all.css сохраняется в папка с именем css, которую я создал.)

Answer 2

Убедитесь, что папка CSS и папка Fonts находятся в одном родительском каталоге

Просмотр изображения