将 .woff2 字体保存到 html5 文件系统中答案

【问题标题】：Saving .woff2 fonts into html5 filesystem将 .woff2 字体保存到 html5 文件系统中
【发布时间】：2016-05-02 01:11:53
【问题描述】：

我正在尝试通过 HTML5 FileSystem api 使我的整个网站脱机。到目前为止，我没有任何问题，除了我从谷歌网站获得的 Roboto.woff2 字体。基本上我有一个 blob 写入持久存储中的文件。但是，每当我尝试加载实际页面时，控制台都会显示：无法解码下载的字体：文件系统：http://localhost/persistent/fonts/roboto.woff2 1 OTS解析错误：解压后的WOFF 2.0大小设置为0。当我在文件系统中查看实际文件时：http://localhost/persistent/fonts/，文件大小也不同。我怀疑它与文本/纯文本类型有关。我尝试过使用 application/x-font-woff、application/x-font-woff2、font/woff2 等，但到目前为止没有任何效果。任何帮助将不胜感激！

【问题讨论】：

标签： html encoding fonts filesystems woff2

【解决方案1】：

所以这就是我最终要做的事情。有两种方式。

打开 XMLHttpRequest 时使用 charset=x-user-defined
使用 xhr2（具有高级功能的 XMLHttpRequest）并保存为 blob。这是一个有用的链接：xhr2

选项 2 适用于除 Opera Mini 之外的所有浏览器。

【讨论】：