Mobile app version of vmapp.org
Login or Join
Margaret670

: 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

@Margaret670

Posted in: #Cdn #Htaccess #HttpHeaders

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

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Margaret670

1 Comments

Sorted by latest first Latest Oldest Best

 

@Caterina187

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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme