: Font blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' we are experiencing this error in Google Chrome. We thought everything was set-up correct. But maybe
we are experiencing this error in Google Chrome. We thought everything was set-up correct. But maybe not?
Font from origin skin.cdn.com has been blocked from
loading by Cross-Origin Resource Sharing policy: No
'Access-Control-Allow-Origin' header is present on the requested
resource. Origin domain2.com is therefore not allowed access.
And we have the following in htaccess (in the root of the domain).
<IfModule mod_headers.c>
Header add Access-Control-Allow-Origin "http://skin.cdn.com"
</IfModule>
Question: did I forget other settings?
many thanks
More posts by @Margaret670
1 Comments
Sorted by latest first Latest Oldest Best
Change your htaccess file code on your website root directory (i.e. Your public_html ".htaccess" file)
<FilesMatch ".(ttf|otf|eot|woff|woff2)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "http://skin.cdn.com"
</IfModule>
</FilesMatch>
Now your CDN will be allowed to load your resource calling them as a passing resource of yours (the fonts).
CAVEAT: You need to PURGE ALL in your CDN so the files will be updated in a few minutes.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.