AWS S3 静态网站托管 - 下载字体解码失败

Question

我正在AWS S3存储桶上托管一个使用AngularJS编写的SPA。唯一不起作用的是字体，Chrome的开发者控制台中显示了以下警告：

Failed to decode downloaded font: http://site.s3-website-ap-southeast-1.amazonaws.com/styles/ui-grid.woff
Failed to decode downloaded font: http://site.s3-website-ap-southeast-1.amazonaws.com/styles/ui-grid.ttf?

字体已经下载并且可以在网络面板上审查。Bootstrap3字体也是如此 - 我无法使任何一个字体正常工作。

这在Firefox浏览器中发生：

downloadable font: incorrect file size in WOFF header (font-family: "ui-grid" style:normal weight:normal stretch:normal src index:1)
source: http://site.s3-website-ap-southeast-1.amazonaws.com/styles/ui-grid.woff
downloadable font: rejected by sanitizer (font-family: "ui-grid" style:normal weight:normal stretch:normal src index:1)
source: http://site.s3-website-ap-southeast-1.amazonaws.com/styles/ui-grid.woff vendor.03dd8a42.css
downloadable font: incorrect entrySelector for table directory (font-family: "ui-grid" style:normal weight:normal stretch:normal src index:2)
source: http://site.s3-website-ap-southeast-1.amazonaws.com/styles/ui-grid.ttf? vendor.03dd8a42.css
downloadable font: rejected by sanitizer (font-family: "ui-grid" style:normal weight:normal stretch:normal src index:2)
source: http://site.s3-website-ap-southeast-1.amazonaws.com/styles/ui-grid.ttf?

- Nuno Silva

Answer 1

我遇到了这种错误，在开发中可以正常工作（Eclipse），但是在生产中失败了。比较文件大小后发现有不同之处。

问题是版本控制系统（cvs）的内容类型设置错误。

解决方案是将所有字体文件的内容类型设置为二进制即可解决问题。更改内容类型设置后需要重新启动eclipse，并删除并重新提交文件。

- Martin

Answer 2

我正在使用Grunt来构建应用程序，其中有一步是执行“string-replace”。

结果发现它正在解析二进制字体文件并更改某些字节，导致文件损坏。

- Nuno Silva