本文主要是介绍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 woff2apache配置
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
这篇关于fontawesome-webfont.woff ttf等字体加载不了的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!