[css] 如何解決css加載字體跨域的問題？

剛才碰到一個css加載字體跨域問題，記錄一下。 站點的動態(tài)請求與靜態(tài)文件請求是不同的域名的。站點的域名為 www.domain.com，而靜態(tài)文件的域名為 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.so2.設置Access-Control-Allow-Origin <FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>done!

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[css] 如何解决css加载字体跨域的问题？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。