I can't apply Facebook or Instagram icons in Font Awesome 5 as a content

Asked Jul 21 '18 at 20:00

Active Jul 21 '18 at 20:13

Viewed 1,380 times

I can set a font awesome icon with the following style, which works fine:

.my-title:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f568";
 }

But I can't set neither Facebook nor Instagram icons. For example "f082" is the content for Facebook:

 .my-title:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f082";
 }

Doesn't work even I remove font-weight, or change it to 400.

Thanks.

edited Jul 21 '18 at 20:13

Temani Afif

asked Jul 21 '18 at 20:00

tolga

The brand icons are in a separate stylesheet. Can you show which files you've loaded? – Tieson T. Jul 21 '18 at 20:05
@TiesonT. I directly included "/fontawesome/css/all.css". I can use facebook and instagram icons when I directly apply as a class, no problem with that. works fine. – tolga Jul 21 '18 at 20:07
The brand icons are also only 400 weight - what happens if you remove the weight from your ruleset? – Tieson T. Jul 21 '18 at 20:08
I also tried 400. A square is shown. – tolga Jul 21 '18 at 20:10
1

you need to correct font-family – Temani Afif Jul 21 '18 at 20:12
2

Yep. "Font Awesome 5 Brands" is the font-family for the brand icons. – Tieson T. Jul 21 '18 at 20:13
OK, I solved the problem. Thank you. – tolga Jul 21 '18 at 20:14

0 Answers0