Icons Not Showing in Latest WordPress/Genesis Versions

Same here.

The icons are working in my tests with WordPress 4.3 and Genesis 2.2.2.

@cyaris I visited your site and the icons in your header are displaying in all browsers I’ve tested so far. Were you able to solve this? If not, feel free to share more information about the browser and OS you’re using.

@echoleaf You’re welcome to share a link to the website where this problem is visible. I’d be happy to take a look for you. ??

Thanks for checking. I’ve tried it on every browser, including Safari, as has my partner. The icons don’t show properly for us. Not sure why. Glad to hear they work for you, however.

I’ve done it on a Mac and my partner on a PC.

The problem for us seems device/OS/Browser agnostic.

@cyaris You’re welcome! Here’s how it looks for me: https://d.pr/i/1kpkg (Chrome / Firefox / Safari, on Mac OS 10.10.)

It may be worth clearing your browser caches if you’ve not done so already, and looking for error messages in the console.

Hadn’t thought about Console.

Here were the Chrome errors:

Font from origin ‘https://www.b2brandd.com’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://b2brandd.com’ is therefore not allowed access.
(index):1 XMLHttpRequest cannot load https://www.b2brandd.com/wp-admin/admin-ajax.php. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://b2brandd.com’ is therefore not allowed access.

So, what does that mean???

Thanks for sharing that message, cyaris.

I see the same issue in Firefox if I visit https://b2brandd.com/ instead of https://www.b2brandd.com/.

If you redirect your non-www version of the site to the www version, this should solve the issue for you.

Thank you for your help. Can I trouble you to tell me how to do that?

Sorry – the problem is something with my theme, I can see the links in the page source. Thanks anyway ??

@cyaris How you set up a redirect depends on your hosting environment. On Apache you could use the solution presented here in your .htaccess file (replacing example.com with your domain name): https://stackoverflow.com/a/12050652/88487

If you don’t want to edit your own .htaccess file, your web host may be able to help with the redirect.

@echoleaf You’re welcome; glad you were able to pinpoint it.

Hate to be a pain, but I still can’t get this to work properly. And, my host says it isn’t a forwarding or re-direct.

Any other options?

Thanks.

I’m having the same problem. The issue came up for me just now when updating the plugin.

Is there a fix for this? You can view the problem here: https://www.mommyteaches.com/

Thanks in advance for any help you can provide.

@cyaris You could try adding this to your site’s .htaccess file:

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

If that doesn’t solve things, feel free to create an admin account for your WordPress site and email the details to nick.cernis [at] copyblogger.com. Happy to take a closer look for you.

@chantilly For your site, clearing the W3 Total Cache caches should fix things for you. (W3 Total Cache is combining all of your site’s CSS into a single file, and this file currently an old version of the plugin stylesheet. It needs to be regenerated by purging the cache in the plugin settings.)

Same issue for me. https://nailsbypao.com/

Cleared cloudflare cache and W3. No help.

Did this: https://www.equalserving.com/w3-total-cache-garbled-my-simple-social-icons/ Also no help.

Genesis + child theme, like so many others.

Waiting for resolution.

@jb317 It seems that your font files are being blocked by your host’s ModSecurity rules. The next update to the plugin will fix this. If you don’t want to wait for the update, feel free to install the copy from here: https://d.pr/f/18m7c+

Thanks Nick. I tried clearing the cache and that still didn’t do it. It updated to show Japanese characters for some of the icons. :/

I ended up deleting the plugin and reinstalling it. Works great now. Thanks.