php - Css3引用外部字体文件

Question

css3引用外部字体文件，加载到页面后报错：Failed to decode downloaded font

Answer 1

浏览器不能解析你下的字体吧？可以换浏览器试试，或者用别的字体看看

Answer 2

1、每个浏览器支持的字体文件格式不一样，TTF/EOT/SVG/WOFF都要来一套。
2、可能是字体文件受损了。

Answer 3

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 *;