CODEWITHSUNDEEP
cssfont-awesome-5
AME
AME

Reputation: 375

FontAwesome icon is not showing

I am using Font Awesome icons several places on my page, but when I want to use it in CSS it is not showing. I went through a lot of question here because I see other people had the same problem, but none of the solutions worked for me:

My Font Awesome version is: 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;
}

enter image description here

Upvotes: 2

Views: 339

Answers (2)

techval
techval

Reputation: 16

Make sure the CSS folder and Fonts folder are in the same parent directory

View image

Upvotes: -1

DenverCoder1
DenverCoder1

Reputation: 2501

In order to use FontAwesome symbols in CSS, I needed to include all.css from FontAwesome.

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

(The all.css file is saved in a folder called css that I created.)

Upvotes: 3

Related Questions