Font-awesome: Pseudo elements not working

[kjdion84]

All my icons show up fine when I use <i class="fas fa-link"></i>

However when I use:

.sidebar [data-toggle="collapse"]:before {
    content: "\f0c1";
    font-family: "Font Awesome 5 Free";
}

Its showing in chrome as an empty square. I'm using the webfonts/CSS version.

[tagliala]

Hi!

Thanks for being part of the Font Awesome Community.

Please add font-weight: 900;

https://jsfiddle.net/tagliala/tgzouajm/5/

Hope it helps

Closing here

[JulioBastidas]

nope, not working

[tagliala]

@JulioBastidas please provide a reproducible test case

We have a bug report template