javascript - HTML5 FileReader.readAsDataURL 的输出可以用于引用字体吗？

Question

我有一个 HTML5 图像编辑器，我想启用用户上传的自定义字体。

我想使用 HTML5 FileReader.readAsDataURL 将用户提供的字体存储在数据库中。将其存储在数据库中后，我希望能够引用页面上的这些字体，以便可以使用它们。

因此，如果我获取文件读取器的输出，我会得到“data:application/octet-stream;base64,AAEAAAANA....”。然后我可以获取该数据并将其引用吗启用字体的页面？

Answer 1

简短回答:是的。

更长的答案:是的，但是您想使用真正的 mime 类型而不是“八位字节流”mime 类型重新提供它。它可能仍然有效，但浏览器会提示该资源的 mime 类型错误，并且如果您提供该资源的网站使用 CSP(我希望您正在使用它？)，那么这实际上可能会阻止字体加载。您需要使用 font/opentype 或 application/font-woff 等(取决于用户上传的内容，通过查看前几个字节进行简单检查)文件)。