WordPress.org

Ready to get started?Download WordPress

Forums

Simple Social Icons
Icons don't work in Firefox (23 posts)

  1. nutsandboltsmedia
    Member
    Posted 1 year ago #

    I just noticed that the icons don't display properly in Firefox for Mac on one of my sites. The buttons are there, but some kind of markup is displaying instead of the font.

    My site: http://www.sooverthis.com

    Screenshot of the icons in Firefox: http://www.sooverthis.com/wp-content/uploads/2013/04/Screen-Shot-2013-04-25-at-9.31.23-AM.png

    What's up with that? I don't see anything in Firebug that would be causing this problem.

    http://wordpress.org/extend/plugins/simple-social-icons/

  2. Ron Rennick
    MultiSite Guru
    Plugin Author

    Posted 1 year ago #

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

  3. mfal55
    Member
    Posted 11 months ago #

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

    Thank you for any help you can give.

  4. Ron Rennick
    MultiSite Guru
    Plugin Author

    Posted 11 months ago #

    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.

  5. nutsandboltsmedia
    Member
    Posted 11 months ago #

    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>
  6. mfal55
    Member
    Posted 11 months ago #

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

  7. mfal55
    Member
    Posted 11 months ago #

    Worked like a charm!!

  8. westerdaled
    Member
    Posted 11 months ago #

    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.

  9. nutsandboltsmedia
    Member
    Posted 11 months ago #

    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.

  10. mfal55
    Member
    Posted 11 months ago #

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

  11. westerdaled
    Member
    Posted 11 months ago #

    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.

  12. nutsandboltsmedia
    Member
    Posted 11 months ago #

    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?

  13. westerdaled
    Member
    Posted 11 months ago #

    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

  14. nutsandboltsmedia
    Member
    Posted 11 months ago #

    Sure thing! Sending you an email now.

  15. lmn927
    Member
    Posted 9 months ago #

    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.

  16. Jack
    Member
    Posted 8 months ago #

    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.

  17. thisafternoon
    Member
    Posted 7 months ago #

    Didn't work for me either:

    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.php$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    </IfModule>
    
    <FilesMatch "\.(ttf|otf|eot|woff)$">
      <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
      </IfModule>
    </FilesMatch>

    Any thoughts?

  18. igloo99508
    Member
    Posted 6 months ago #

    In Firefox I went into:
    tools
    content
    Default font -> Advanced
    In the lower half check "Allow pages to choose their own fonts, instead of my selections above"

    All is well

  19. Jack
    Member
    Posted 6 months ago #

    Nice, but not all is well for all the other visitors/owners of Firefox :(. If there would be a trick to let all Firefox installations do this, that would be great. But impossible I think because of security matters.

  20. bombshellbeautifulca
    Member
    Posted 6 months ago #

    Hello all,
    I am having the same problem I think. I put the simple social icons plugin into my widget menu, and the social media icons show up on MAC and mobile devices, but not Firefox or PC computers. I originally thought it was just Firefox, but it seems to be all PC's regardless of browser. First, I see above there is a Firefox fix to put a code into a .htaccess file in the root menu for the site. I am NOT computer/tech literate at all, so I am going through the files in my file manager on the site host, but I cannot find this .htaccess file. Can anyone give me a very dumbed down step by step as to where this would be (providing it's the same across the board)? THANKS for your time.

  21. Bozz
    Member
    Posted 5 months ago #

    Hi bombshell, I would ask your web host for help locating your htaccess file. It should be in the root directory of your website when looking at your file manager, but your host may have hidden or restricted access to it. Good luck.

  22. Ron Rennick
    MultiSite Guru
    Plugin Author

    Posted 5 months ago #

    but your host may have hidden or restricted access to it.

    A filename that begins with a . is a hidden file. That's what the . is for.

    @bombshellbeautifulca when you open the file manager in your control panel you need to make sure that it shows hidden files.

  23. ItsYourIdea
    Member
    Posted 5 months ago #

    If you are using nginx/apache on a Plesk based intall you may need to add the following to the static files list so the plugin is served correctly.

    ttf otf eot woff

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.