Font-awesome: Facebook icon isn't working. Only Facebook. Others are OK.

[erik-grigoryan]

Can you help me with this problem. I have social icons on my site, but only facebook icon from Font Awesome is not working...

[tagliala]

Hi!

Thanks for being part of the Font Awesome Community.

Could you please try without browser extensions?

It could be an issue related to adblockers

Otherwise, please provide:

1. Font Awesome version
2. Browser version
3. OS version

or, better fill our bug report template

[erik-grigoryan]

The problem is not only on my computer. Everywhere, where I open my site
FontAwesome 5.3.1
Google Chrome 71.0.3578.98
Windows 10

[tagliala]

@erik-grigoryan could you please provide a link to your website or better a reduced test case on jsfiddle / codepen?

You can start with this one: https://jsfiddle.net/tagliala/j3gakye6/41/

[erik-grigoryan]

https://aircairo.base.am/readera/

Look at the sidebar (follow me), or in footer.

[tagliala]

@erik-grigoryan sorry for the very late reply

Your theme is loading Font Awesome from it own stylesheets

Please take a look at:
https://aircairo.base.am/readera/wp-content/themes/readera/libs/fontawesome-free-5.3.1-web/css/all.min.css?ver=5.0.2

There are no occurrencies of fa-facebook-f, please compare it with the css in our official CDN at https://use.fontawesome.com/releases/v5.3.1/css/all.css:

If you take a look at the source of your theme and search for fa-facebook, this is how it looks like:

Please double check that the file has not been corrupted when uploading and if it has not been the case report the issue to your theme's author

Hope it helps

Closing here

[mpmprudencio]

I'm having the same issue on Android. The icon is showing on iOS tough.

Tried facebook-f and facebook-square none of them worked on Android.

Using the latest version of react-native-vector-icons

[tagliala]

Hi @mpmprudencio

Using the latest version of react-native-vector-icons

This package? https://github.com/oblador/react-native-vector-icons

[mpmprudencio]

Yes @tagliala, also notice PayPal also is missing now, maybe all brands. I had to update the missing icons and update the App.

[tagliala]

@mpmprudencio sorry, we do not provide support for third-party libraries

[escaper01]

I had the same problem but I fixed just by myself
for me the problem was instead of using

<i class="fab fa-facebook-square"></i>
I used <i class="fa fa-facebook-square"></i>
u should use "fab" instead of "fa"

[enknot]

I've been fighting with that for a week. I'm sure there's a RTFM story here somewhere.

[tagliala]

@enknot could you please clarify?

[enknot]

@tagliala: I didn't read anywhere that the brand fonts were under the superclass "fab" and when i tried to include them with a "fa" or even "fas" they didn't work. There's bound to be some documentation that explains this on the fontawesome page somewhere, but i don't know where....and didn't for a week. :/

[tagliala]

Hi @enknot , sure it is!

https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

The icon page themselves show the proper syntax

And if you have upgraded from FAv4 to v5: https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4#changes

Is there anything we can do to improve the documentation?

[yashrajvk]

fab fa-shopify

the above class does not work

[tagliala]

@yashrajvk feel free to open a new request by filling out our bug report template

Please provide a reproducible test case