css3引用外部字体文件,加载到页面后报错:Failed to decode downloaded font
浏览器不能解析你下的字体吧?可以换浏览器试试,或者用别的字体看看
1、每个浏览器支持的字体文件格式不一样,TTF/EOT/SVG/WOFF都要来一套。
2、可能是字体文件受损了。
Nginx服务器默认是没有支持字体的mime-type设置的,并且对.eot文件的mime-type也是不正确的。在配置文件夹下找到mime-type设置的地方。通常,在mimes.types文件下。
搜索.eot,并在下它的设置下添加下面几行:
application/font-sfnt otf ttf;
application/font-woff woff;
application/font-woff2 woff2;
application/vnd.ms-fontobject eot;
对于CORS headers 信息设置,添加下面的几行到你的vhost配置中:
location ~* .(eot|otf|ttf|woff|woff2)$ {
add_header Access-Control-Allow-Origin *;