font-awesome icons and social menu

  • Resolved jake.wpsupport

    (@jakewpsupport)


    8 years, 11 months ago

    I am developing a new WordPress theme on localhost, and was trying to set up a social menu when I ran into problems. I am using Font Awesome icons in my social menu, and noticed the icons appear in Chrome and Explorer, but not Firefox. This may be a browser issue rather than WordPress, but I also noticed if I use Firefox while looking at my site from customizer, I could see the icons! Can anybody shed some light on what is going on here? After googling, I came across some results about a server issue that suggested adding the following to the .htaccess file:

    <FilesMatch ".(ttf|otf|eot|woff)$">
 <IfModule mod_headers.c>
 Header set Access-Control-Allow-Origin "*"
 </IfModule>
</FilesMatch>

    However, this did not make a difference.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Are you trying to bring the font using a CDN?

    If so, try downloading the font and call it directly from your theme resources folder.

    Thread Starter jake.wpsupport

    (@jakewpsupport)

    Hi Fabio, I had been calling it directly from a template directory, but then tried with the Bootstrap CDN, still getting the same results. After further googling, and noticing the advisory on the FontAwesome website regarding Adblock Plus, I then tried disabling Adblock Plus on Firefox and voila! The problem was fixed…sorta. Unfortunately Adblock Plus interferes with brand icons.

    Per the FontAwesome website:

    Apparently, Adblock Plus can remove Font Awesome brand icons with their “Remove Social Media Buttons” setting. We will not use hacks to force them to display. Please report an issue with Adblock Plus if you believe this to be an error. To work around this, you’ll need to modify the social icon class names.

    Thanks for helping to look into this Fabio. Maybe this will help someone else down the road with the same issue.

    No problem! Thank you for sharing this! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘font-awesome icons and social menu’ is closed to new replies.