關於字體跨域
阿新 • • 發佈:2017-05-05
src main 文件的 .so pac http 不同的 外部 href
寫在前面的話:
跨域問題啊…………字體跨域,居然碰到了~~網上搜羅來的答案,有機會的可以試試有沒有效
原文:css加載字體的跨域問題 (轉載)
剛才碰到一個css加載字體跨域問題,記錄一下啊。
站點的動態請求與靜態文件請求是不同的域名的。站點的域名為 www.domain.com,而靜態文件的域名為 st.domain.com。
問題:
頁面中加載css文件:<link rel="stylesheet" href="http://st.domain.com/css/uniform.css" />
此css中調用了外部字體如下:
@font-face { font-family: ‘FontAwesome‘; src: url(‘../font/fontawesome-webfont.eot‘);
}
瀏覽器報請求跨域的錯誤。
解決方案:
我們使用Access-Control-Allow-Origin:* 通過啟用cors 來解決跨域問題。
具體步驟如下:
1.開啟apache的mod_headers模塊
LoadModule headers_module modules/mod_headers.so
2.在st.domain.com的主機配置中加入
Header set Access-Control-Allow-Origin http://www.domain.com
重啟apache。
關於字體跨域