FontData：blob() 方法

实验性： 这是一个 实验性技术
在生产环境中使用之前，请仔细查看 浏览器兼容性表格。

blob() 方法是 FontData 接口的方法，它返回一个 Promise，该 Promise 会解析为包含底层字体文件原始字节的 Blob。

语法

js
blob()

参数

无。

返回值

一个 Promise，该 Promise 会解析为包含底层字体文件原始字节的 Blob。

示例

blob() 方法提供了对低级 SFNT 数据的访问权限 - 这是一种字体文件格式，可以包含其他字体格式，例如 PostScript、TrueType、OpenType 或 Web Open Font Format (WOFF)。

js
async function computeOutlineFormat() {
  try {
    const availableFonts = await window.queryLocalFonts({
      postscriptNames: ["ComicSansMS"],
    });
    for (const fontData of availableFonts) {
      // `blob()` returns a Blob containing valid and complete
      // SFNT-wrapped font data.
      const sfnt = await fontData.blob();
      // Slice out only the bytes we need: the first 4 bytes are the SFNT
      // version info.
      // Spec: https://docs.microsoft.com/en-us/typography/opentype/spec/otff#organization-of-an-opentype-font
      const sfntVersion = await sfnt.slice(0, 4).text();

      let outlineFormat = "UNKNOWN";
      switch (sfntVersion) {
        case "\x00\x01\x00\x00":
        case "true":
        case "typ1":
          outlineFormat = "truetype";
          break;
        case "OTTO":
          outlineFormat = "cff";
          break;
      }
      console.log("Outline format:", outlineFormat);
    }
  } catch (err) {
    console.error(err.name, err.message);
  }
}

规范

规范
本地字体访问
# ref-for-dom-fontdata-blob①

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅