Css3引用外部字体文件

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

阅读 5.5k
3 个回答

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

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 *;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题