欢迎光临朱凯的个人博客!
朱凯,a3.work

解决CDN引起的字体css跨域问题

 发布时间: 2016-08-02 08:36      原创:  朱凯博客      评论: .       .人查看

为了加快网站的打开速度, 今天我也给本站(a3.work)开通了cdn加速, 但是打开网站,不幸的事发生了,之前网站的字体图标全变成了乱码,控制台报错: 字体文件跨域问题。

我把最终解决的方法在这里分享给大家,废话不多说,直接上代码:

对 .htaccess 或 httpd.conf 文件进行修改

# Apache config    
Header set Access-Control-Allow-Origin "*"
# nginx config
if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){
    add_header Access-Control-Allow-Origin *;
}

刷新网页,完美解决

原理:  这将设置访问控制 – 允许 – 原产地CORS系统配置,以允许所有的域。列表以逗号隔开,如果你想为字体指定特定的域, 你要适当地服侍所有的字体类型,浏览器偏好一类的情况。

转载请注明来源:   解决CDN引起的字体css跨域问题  - 朱凯博客

分享是一种快乐,也是一种美德:
¥打开支付宝,扫码领红包¥ 红包

支付宝 aliPay

微信 wxPay