icons not working in Firefox

Hello fortruecs,

This is very surprising, I purchased Faculty theme yesterday like you and I observed same problem with Firefox.
I have waited one day if somebody comes here to give you a response, but no one came. So I decided to register on this forum to make my first post by answering you.
All methods and the method with .htacess all over internet did not work with me.
However I discovered a solution at the end.
The solution is installing an additional plugin called : “awesomepress”.
I installed this plugin and my problem is gone!.
Since the fonts in “awesomepress” plugin was outdated.
I simply grabbed recent fonts and css files from “font awesome” and replaced.

Viola!

Note : I am running two plugins at the same time.

Does the theme try to minify your stylesheets or did you move the Font Awesome stylesheet? The only time we’ve heard of problems with Firefox and Font Awesome (using the plugin or not) is when someone tries to load it from another URL without setting the proper CORS.

If you use the local copy of the stylesheet (or using today’s update, load it via MaxCDN), you shouldn’t have any problems but let us know! (Also, can you provide a link to the site having a problem?)

Some code inside the n9m-font-awesome-4.php is causing prefix ‘fa’ in every icon name, like “fa fa-facebook”, firefox is trying to see “fa-facebook” only. Since it prints “fa fa-facebook”, firefox doesn’t recognize that icon.. and it doesn’t show anything…

We all install the plugin properly in right folder.
We don’t load fonts or style’s externally.
Everything is internal.
Other browsers work fine.

Firefox works also fine when it is pushed manually. But it doesn’t when it comes from plugin.

Ignore my previous post.
I don’t know what is causing.
I couldn’t debug it.

I found out the problem now !!!!
This is related to faculty-theme.
Faculty theme already comes with preloaded fontawesome style sheet and fonts packages.

If anyone faces problem with this plugin, simply should delete fontawesome package from their template.

In my case, I deleted these files :

\theme\faculty\faculty\css\font-aw.cssesome.min
\theme\faculty\faculty\css\font\FontAwesome.otf
\theme\faculty\faculty\css\font\fontawesome-webfont.eot
\theme\faculty\faculty\css\font\fontawesome-webfont.ttf
\theme\faculty\faculty\css\font\fontawesome-webfont.woff

Then firefox correctly showed the icons!!

But I still have no idea exactly how in previous stage Chrome, IE and Opera were able to show icons correctly, why not Firefox…

Cheers

From what I’ve found with a theme, is that the font is loaded multiple times in the functions.php file, after making this only once, it all works.

I found one more thing during months.
AdBlocker browser extension blocks the social fonts.

Solution is renaming the font references in css fileS.

For example :

Instead of “fa my-fa-facebook”, the string should be “fa my-fa-fb”

more info : https://github.com/FortAwesome/Font-Awesome/issues/1799

Glad you got it sorted out!

Hey,

Thank you very much for posting your solution. It had been driving me crazy! All the icons worked fine on every browser but Firefox, and even locally the facebook icon was showed on Firefox, it was just online where it didn’t work.
The problem was the AdBlocker Plus extension that was blocking the Facebook icon, I just added a rule to disable it on the entire site and that was all.

Regards