css - 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?

Answer 1

有这种错误，在开发(Eclipse)中工作但在生产中失败。比较文件大小并注意到存在差异。

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

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