CODEWITHSUNDEEP
font-awesome
Serhii H.
Serhii H.

Reputation: 1

FontAwesome icons doesn't work in css content

I am entering the following code: 

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

But font-awesome icon doesn't show up, just an empty square.

What is the problem?

Thank you!

Upvotes: 0

Views: 2135

Answers (2)

Mrvs
Mrvs

Reputation: 94

TRY THIS, it works for me :)

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

a::before {
   content: "\f061";
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: 900;
   text-decoration: inherit;
}

Upvotes: 1

Mazdak Shojaie
Mazdak Shojaie

Reputation: 1698

This answer from @TemaniAfif may be helpful.

<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;
}

Upvotes: 0

Related Questions