Icons from fonts don't load

I have a similar problem as in this post : https://xtemos.com/forums/topic/you-do-not-see-the-icons-only-squares-2/

My icons dont load and when I insct in Google Chrome, I see that there are errors like this : Access to Font at ‘https://entrepotdelafete.com/wp-content/themes/woodmart/fonts/woodmart-font.woff2’ from origin ‘https://www.entrepotdelafete.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://www.entrepotdelafete.com’ is therefore not allowed access.

The solution you gave was to ask the host to activate “Access-Control-Allow-Origin”

My provider is really not very reactive and I would like to make sure this is the only way around this issue.

I didn’t have this issue before, I just changed the domain and changed to https and now I have these errors…

Any idea how to resolve this ? can I change the address of the font from entrepotdelafete.com to http://www.entrepotdelafete.com ?

By the way I don’t have the issue with my test environment : test.lentrepotdelafete.com is it because I am not using a subdomain http://www.test.lentrepotdelafete.com ?

Sorry, I found the solution, I added this to my .htaccess :

# Allow font assets to be used across domains and subdomains
<FilesMatch “\.(ttf|otf|eot|woff|woff2)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>

It works, do you agree with this solution ?

Hi,

This problem is caused by the server and you need to consult with your host about this problem. If the solution works then you can keep it or ask your host about some better one.

Kind Regards

[Author]

Posts