Icons do not appear correctly

Question

Guys, I’m updating a website, and the home screen icons aren’t showing up.

They only appear if I go to another page and then go back to home.

the site is: www.artbordados.com.br

In the browser console, the following error appears:

Font from origin 'http://www.artbordados.com.br' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested Resource. Origin 'http://artbordados.com.br' is therefore not allowed access.

Thank you in advance.

Answer 1

According to this answer from Stackoverflow in English:

https://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource

the problem is that you are using ajax requests to load resources from a site other than your server and this is only allowed through extensions like CORS.

Here is a solution that you can easily apply:

http://loiane.com/2014/01/requests-ajax-com-cross-origin-resource-sharing-cors-entre-sencha-touch-e-extjs-e-backend/

I believe that this Wordpress extension can also be useful:

https://br.wordpress.org/plugins/wp-cors/