Blob无法识别字体文件类型

编程问答 2022-08-13

问题描述

我正在尝试从本地文件加载字体文件并将其转换为uri。

不幸的是，我在正确读取文件时遇到了一些问题

这是我正在构造的功能：

 function fontToDataURI (file_path) {
    
    return fetch(file_path) 
      .then(resp => resp.blob()) 
      .then(blob => {
        console.log(blob.type)
        return new Promise(resolve => {

          let f = new FileReader();
          f.onload = e => resolve(f.result);
          f.readAsDataURL(blob);

        })
      })
      .then(dataURL => {
    
         let fontRule = `@font-face {
           font-family: "testfont face";
           src: url(${dataURL});
     
        }`

        return fontRule;
      })

不幸的是，resp.blob（）无法正确读取文件的模仿类型。

当我将字体文件传递到函数georgia.tff中时，我相信应该看到font/ttf的斑点类型。相反，我看到了默认的application/octet-stream

我使用了类似的功能从网络上提取.woff2文件，它已经正确识别了该文件。

我有办法解决此问题吗？谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

blobfont-facefontsfontsjavascript