My icons are showing letters instead of the proper social icons

  1. Home
  2. Knowledge Base
  3. Troubleshooting
  4. My icons are showing letters instead of the proper social icons

Not the solution you were looking for?

Click the link below to submit a support ticket. If you are a Social Warfare - Pro license holder, you can log into your Account page to submit a ticket.
Submit Ticket

Have you recently installed Social Warfare (or updated from a previous version) and found that your beautiful social media icons have turned into obscure letters? That’s no fun!

There’s a number of reasons this could be happening. I’ll go through each case so you can troubleshoot all angles.

Clear Your Cache

This is the first step in troubleshooting any issue is to clear your cache. Use this article to walk you through that process.

Configure Caching / CDN

If clearing your caches hasn’t solved the issue, it’s likely that you’re using some sort of CDN to speed up your site. Unfortunately, fonts (like the one Social Warfare uses to show social icons) cannot be called from a different domain from which they are being requested unless a cross-origins header has been attached to them.

This simply means that you’ll need to exclude the icon font from your CDN and then flush your cache to rebuild the links. That should fix it right away.

Configure W3 Total Cache

If you’re using W3 Total Cache, here’s what you need to do:

Navigate to the Performance > CDN tab for W3 and scroll to the Rejected Files box and paste the following:

wp-content/plugins/social-warfare/fonts/sw-icon-font.eot 
wp-content/plugins/social-warfare/fonts/sw-icon-font.eot?#iefix 
wp-content/plugins/social-warfare/fonts/sw-icon-font.woff 
wp-content/plugins/social-warfare/fonts/sw-icon-font.ttf 
wp-content/plugins/social-warfare/fonts/sw-icon-font.svg#1445203416

Here’s what this will look like:

w3 total cache excluded files

Be sure to Save changes and empty your caches then you should be all set!

Configure WP Super Cache

If you’re using WP Super Cache, here’s what you need to do:

Navigate to the Settings > WP Super Cache > CDN tab and scroll to the Exclude if substring box and paste the following:

.php, .eot, .woff, .ttf, .svg

Here’s what that should look like:

wp super cache screenshot

Be sure to Save changes and empty your caches then you should be all set!

Was this article helpful?

Related Articles