Fontawesome跨起源問題

我想從CDN加載Fontawesome但我得到Fontawesome跨起源問題

failed cross-origin request. Resource access is restricted

我知道，要解決這個問題一個HTTP標頭應增加，但有什麼辦法來避免這樣做呢？

我試着用完整的網址替換 '../font/fontawesome-webfont.eot?v=3.2.0') 但它沒有幫助。有沒有什麼可以做到沒有標題？

來源

2013-06-20 Jim

這是瀏覽器的同源策略限制http://www.w3.org/TR/css3-fonts/#same-origin-restriction。

如果您正在使用Amazon S3的這可以幫助你Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading

來源

2013-11-07 10:47:45 Nish

你的CDN需要包括與字體文件的響應Access-Control-Allow-Origin:*頭。請參閱我的回答Font Awesome icons not showing in Chrome, a MaxCDN related Cross-Origin Resource Sharing policy issue

來源

2014-10-15 23:38:34

您必須使用此文本在字體文件夾上創建.htaccess文件。

<FilesMatch ".(eot|ttf|svg|otf|woff|woff2)"> 
    Header set Access-Control-Allow-Origin "*" 
</FilesMatch>

來源

2017-02-20 17:09:51

不工作。 -1 –

CORS配置

<?xml version="1.0" encoding="UTF-8"?> 
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> 
    <CORSRule> 
     <AllowedOrigin>http://www.your-site.com</AllowedOrigin> 
     <AllowedOrigin>https://www.your-site.com</AllowedOrigin> 
     <AllowedMethod>GET</AllowedMethod> 
     <AllowedMethod>HEAD</AllowedMethod> 
     <AllowedMethod>DELETE</AllowedMethod> 
     <AllowedMethod>PUT</AllowedMethod> 
     <AllowedMethod>POST</AllowedMethod> 
    </CORSRule> 
</CORSConfiguration>

來源

2017-10-03 07:17:14

Fontawesome跨起源問題

回答

相關問題