Some font awesome brands don't work (show square) event though other work fine

Question

I'm loading this script as css:

https://use.fontawesome.com/releases/v5.0.9/css/all.css

<i class="fa fa-facebook export-brands"></i>
<i class="fa fa-smile export-brands"></i>

The result is the following:

I've tried loading the css locally, different versions, I've tried the js version, same problem (different not found logo).

The chrome dev tools show

.fa-facebook:before {
    content: "\f09a";
}

As it should when I checked the source css.

Don't know what else to try.

Answer 1

You're mixing the Font Awesome 5 stylesheet with Font Awesome 4 syntax. The problem can be fixed in one of two ways:

1. Load a stylesheet for an older version, or preferably
2. Double check your class names and be sure to use the current standard.