FontData:blob() 方法
语法
js
blob()
参数
无。
返回值
示例
blob()
方法提供对底层 SFNT 数据的访问——这是一种可以包含其他字体格式的字体文件格式,例如 PostScript、TrueType、OpenType 或 Web 开放字体格式(WOFF)。
js
async function computeOutlineFormat() {
try {
const availableFonts = await window.queryLocalFonts({
postscriptNames: ["ComicSansMS"],
});
for (const fontData of availableFonts) {
// `blob()` 方法返回一个包含有效且完整的 SFNT 包装字体数据的 Blob。
const sfnt = await fontData.blob();
// 仅裁剪出我们需要的字节部分:前 4 个字节是 SFNT 版本信息。
// 规范:https://learn.microsoft.com/zh-cn/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("矢量字体格式:", outlineFormat);
}
} catch (err) {
console.error(err.name, err.message);
}
}
规范
Specification |
---|
Local Font Access # ref-for-dom-fontdata-blob① |
浏览器兼容性
BCD tables only load in the browser