Troubleshooting Font Awesome (or other font) Icons Not Working

These are some troubleshooting steps if icon fonts (social icons, menu search icon, back to top button icon, Visual Composer module icons, etc.) aren’t loading on your site (show’s a square instead).

I’m NOT using a CDN and icons don’t show up

Please check server’s MIME types and make sure they allow “tt, ot, eot and woff files. If you aren’t sure how to do this you may have to contact your hosting company for some assistance. Or if you know how you can try adding the following code inside to your server’s .htaccess file:

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

I'm Using a CDN on my site

Make sure the files loaded from your CDN are properly referencing the icon files located inside the theme's fonts folder at Total/fonts/

Are you/your customers using Adblock Plus?

If "Remove Social Media Buttons" option is enabled, you will miss some brand icons.