[css] 如何解决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.so2.设置Access-Control-Allow-Origin
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>done!

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题