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

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