寫在前面的話：

　　跨域問題啊…………字體跨域，居然碰到了~~網上搜羅來的答案，有機會的可以試試有沒有效

　　原文：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。

關於字體跨域