Icons don't work in Firefox

That’s a known issue with Firefox caused by a cross domain security rule.

Hi there – can you explain how to resolve this issue with Firefox?

Thank you for any help you can give.

can you explain how to resolve this issue with Firefox?

The original post is 3 months old. I assume by now the bug in Firefox has been fixed. If it hasn’t there isn’t anything we can do about it because it was a security rule in FF that was blocking loading the font.

Actually it hasn’t been fixed, but there is a fix for it. Unfortunately I can’t give credit to the person who originally found it because I can’t remember who it was.

Add the following to your .htaccess and the icons will work properly:

## Fix Simple Social Icons for Firefox ##
<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

Thanks – yeah, I just updated Firefox and it still breaks. I’ll give the .htaccess file a try. Thanks nutsandboltsmedia!!

Worked like a charm!!

Hi community

Just to clarify as where to put this fix. Do I place this in

/public_html/wp-content/plugins/simple-social-icons/.htaccess
(which I notice does not exist yet)
or

/public_html/.htaccess. ( which in fact I have done.)

I am still getting this issue in FF and I am trying to isolate a caching issue.

Yes, it should be added to the .htaccess file in the root directory for your site. If you don’t mind posting a link, I can check to see if it’s working.

I also put mine in the root and it worked. Have you tried clearing your cache?

Hi Nutsandboltsmedia

Thanks for the offer, it is Daniel’s blog . Last night I worked on a new faveicon and also tried to fix the FF icons issue. Could you please test both.

I can see your favicon but not the social icons in FF. Can you paste the contents of your .htaccess here so I can take a look at it?

Hi again

Cool I guess I will need to clear all my browser caches and try and see the faveicon.

Back to the ff issue, could we do this via email and maybe paste the results of your inspection here – after many admin hack attempts a few months ago, I am a little paranoid.

daniel@the_site_addrsss_in_the_lin_above

Sure thing! Sending you an email now.

Does anyone know if there is a similar fix for Internet Explorer? We’ve been able to get the icons to work in Firefox but my site still shows blank icons in IE.

The trick mentioned by nutsandboltsmedia doesn’t work for me in Firefox.

I added the code in .htaccess and put it in the root of my site.

My situation: A multilingual site, using WPML and a different domain for each language. The original language (English) shows the icons right, the other language (Turkish) doesn’t.