如何使用opentype.js从字体中列出opentype字体功能名称？

Question

在JS环境中，我想列出字体的“字体特性”，这样我就可以用字体-功能-设置 css来设置它们。

有比opentype.js更好的选择吗？

Answer 1

我已经创建了一个opentype.features.js npm包，它在列出字体特性方面比opentype.js做得更多。

在列出特性标签的同时，它还列出了特性描述和选项标签。

示例输出：

...,{"tag":"cv13","description":"Cap B-hook alt","options":["Lowercase style"]},...

Answer 2

字体特征可以从GSUB表中提取。

下面是一个简单的示例，列出了

import opentype from 'opentype.js'

async function listFontFeatures()
{    
    const font = await  opentype.load("C:\\Windows\\Fonts\\arial.ttf");
    const featureNames = [...Array.from(new Set(font.tables.gsub.features.map((f: any) => f.tag)))]

    for (const name of featureNames)        
        console.log(name);
}

listFontFeatures();

这将显示4个字符的字体功能代码：

c2sc calt ccmp dlig dnom fina frac init onum onum medi numr onum

可以从这里中查找人类可读的名称