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:
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:
Be sure to Save changes and empty your caches then you should be all set!