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。


没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试

关闭