fontawesome-webfont.woff ttf等字体加载不了的问题

来源:csdn博客 分类: 文章浏览史 发布时间:2020-10-21 17:06:03 最后更新:2020-10-21 浏览:110
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-10-21 17:06:03

firefox下显示http状态码为200,但文件内容是0字节,但直接打开字体url却可以下载。

chrome下显示404,请求状态码为canceled,就是取消了请求.

但发现下载的demo程序正常,一部署就不正常了。最后发现是跨域问题。由于部署的时候将样式,字体放到静态服务器static.xx.com。后台域名为admin.xx.com

 

所以在nginx.conf里找到static.xx.com的配置里增加下面配置,即可。

location ~* \.(eot|otf|ttf|woff|woff2|svg)$ {
add_header Access-Control-Allow-Origin *;
}
 
//mime.types增加,不然nginx不解析字体文件
AddType application/x-font-woff woff
AddType application/x-font-woff2 woff2



apache配置

location ~* \.(eot|otf|ttf|woff|woff2|svg)$ {
add_header Access-Control-Allow-Origin *;
}
 
AddType application/x-font-woff woff
AddType application/x-font-woff2 woff2
php技术微信