Hi there LIEBIG,

That is because of Cross-Origin error. In order to fix this, please follow instructions from this link http://meyermed.com/2015/03/fix-font-awesome-icons-not-displaying/

Basically you need to add few lines of code inside of a .htaccess file and it is better to ask you host to do that for you in case that you are not feeling comfortable doing that:

# Allow access from all domains for webfonts.
# Alternatively you could only whitelist your
# subdomains like "subdomain.example.com".
<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule

Let me know if that works.

Hello,

Just follow these guidelines:

Create .htaccess file in the root folder on the same domain where fonts are hosted and add the following code into it:

# Apache config
<FilesMatch ".(eot|ttf|otf|woff)">
 Header set Access-Control-Allow-Origin "*"
</FilesMatch>

Detailed Steps:

So first you log in to your FTP server and find the root folder of your wordperss installation (you can see the ‘wp-admin’, ‘wp-content’ etc folders there)

Create a new file, name it just ‘.htaccess’ (without quotes),

Next select that .htaccess file and edit it. (or if you don’t see the edit option, copy this file to your local PC, edit it locally in a text editor, add the code I’ve shown below save the file) then move the file back to the ftp server into same location)

Then, paste this code into that file, save the file and upload it back to your FTP server into the same folder.

# Apache config
<FilesMatch ".(eot|ttf|otf|woff)">
 Header set Access-Control-Allow-Origin "*"
</FilesMatch>

Your icons should be working now.