Apache、Nginx下css加载字体文件不显示的跨域问题

admin 2015 年 4 月 20 日 3 条评论 点击:2069

随着移动互联网的发展,目前不少网页制作基本都是设计响应式或者移动端的。。在移动端中,肯定会很少再去使用图片文件来作为一些图形的处理。随着这两年的发展。字体图形都越来越普及。其中我用最频繁的要说Font Awesome与iconfont(阿里矢量图库)。我推荐大家使用iconfont,因为Iconfont是国内阿里的团队做的。因为在素材方面非常广泛也更适用于一些国内站的处理。

这几天我的一个项目中,由于由多个二级域名,所以css文件就引入的一个公共文件,所以字体的css也是放入在这css文件中的。但是当我引入:

的时候。
结果在另外一个二级域名下面,字体css无法使用,我就用chrome进行了下分析,提示的大概意思就是:

浏览器跨域的错误,不允许在不同的域名下使用。

后来网上搜了搜,发现确实不少人都遇到过这个问题。。就顺便找了找解决方案。我们可以通过Access-Control-Allow-Origin 来解决。

如果是apache

 

同时如果是nginx

How do I add Access-Control-Allow-Origin in NGINX?

How do I add Access-Control-Allow-Origin in NGINX?

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

我网上搜了搜,老外给的解决方案:

在配置文件中加入。。

然后就restart一下。。。问题解决。。

3 条评论 添加你的评论

  • 1. 雪鹰领主  |  九月 18th, 2015 at 13:50

    。。。。

  • 2. 大嘴猴  |  十一月 29th, 2015 at 13:44

    整了老半天终于搞定了,谢谢。

  • 3. 蔡佳友V  |  十二月 1st, 2015 at 17:44

    客气!![嘻嘻]

留言评论

必填

Required, 保密

Trackback this post  |  Subscribe to the comments via RSS Feed