Topic: icons aren't showing | Themeco Community

Tagged: x

Author

Posts
June 20, 2016 at 6:35 am #1050423

melissamaryse
Participant

Hi!

I am working on my website but unfortunately when I try to insert some icons they won’t display. They won’t even display in cornerstone. Instead I just see squares.
I use Chrome and it’s updated and the same thing happen when I am on Explorer.
Could you help me?

Thanks!
Melissa

June 20, 2016 at 7:12 am #1050472

Thai
Moderator

Hi Melissa,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

June 20, 2016 at 7:29 am #1050487

melissamaryse
Participant

This reply has been marked as private.

June 20, 2016 at 7:53 am #1050519
Christopher
Moderator
Hi there,

Please connect to FTP and add this line in .htacess file :
```
# Apache config
<FilesMatch ".(eot|ttf|otf|woff|css)">
	Header set Access-Control-Allow-Origin "*"
</FilesMatch>
```
Hope it helps.
June 20, 2016 at 2:41 pm #1051278

melissamaryse
Participant

Hi and thanks for your answer!
Unfortunately, it didn’t worked. Do you have any other suggestion?
Best regards,
Melissa

June 20, 2016 at 6:28 pm #1051544

Darshana
Moderator

Hi there,

Please provide us with your FTP credentials to take a closer look.

Thanks!

June 22, 2016 at 8:51 pm #1055558

melissamaryse
Participant

This reply has been marked as private.

June 23, 2016 at 1:01 am #1055835
Rupok
Member
Hi Melissa,

Thanks for writing back! It seems your font awesome icons are not loading because it has been blocked from loading by Cross-Origin Resource Sharing policy – http://prntscr.com/bjvi79

Looks like your host doesn’t allow for cross origin. Please try adding this to your .htaccess file:
```
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>
```
Please check this to solve potential font awesome issue in details – https://community.theme.co/kb/solutions-to-potential-setup-issues-font-awesome/

If you still face any issue, you can contact your host to enable CORS for your server.

Hope it helps.

Cheers!
June 25, 2016 at 1:39 pm #1059401

melissamaryse
Participant

Hi!

The add to .htaccess didn’t work but I found a solution that I wanted to share. I installed the pluggin Font Awesome Integration which integrates the Font Awesome library with your wordpress installation. It worked very well for me so it might help other facing the same issue.

Thanks for your support!
Have a nice evening 🙂

June 25, 2016 at 8:30 pm #1059682

Rad
Moderator

Thanks for sharing, that’s very helpful 🙂 Thanks!
Author

Posts

<script> jQuery(function($){ $("#no-reply-1050423 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>