Icons not working (checked other forum posts already)

Support
#1

No icons are working on a dev site I’m using Themeco Pro to develop. I’ve read other posts about icons not showing up and have done the recommended fixes, nothing worked. What is odd is that the issue only occurs on Chrome and Firefox. On Safari the icons appear, no problem! Please advise.

Dev site: http://n5r.af3.myftpupload.com/

#2

Hello @alebow,

Thanks for writing in! You are experiencing this because you are having CORS (Cross Origin Resource Sharing) issue. Your site is in http://n5r.af3.myftpupload.com/ and your site’s font resources were loaded from http://secureservercdn.net/45.40.148.106/n5r.af3.myftpupload.com/. Please disable any CDN or caching plugin which you may have installed and test your site again.

If nothing is helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Regards.

#3

Thank you for your reply, Rue! I accept your diagnosis, but what other solutions are there? I certainly do not want to ditch CDN and caching just for some icons! Is there another way around this??

#4

Hello @alebow,

You will need to resolve CORS issue by enabling it. Please edit your .htaccess and add this:

<FilesMatch "\.(ttf|otf|eot|woff|svg)$">
    <IfModule mod_headers.c>
        SetEnvIf Origin "http(s)?://(cdn|sub)\.domain\.com$" AccessControlAllowOrigin=$0
        Header add Access-Control-Allow-Origin %{AccessControlAllowOrigin}e env=AccessControlAllowOrigin
        Header merge Vary Origin
    </IfModule>
</FilesMatch>

For reference, please check this out:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.