Chrome "Rendered Fonts" 从哪里得到字体的名字?

Where does Chrome "Rendered Fonts" get the name of the font from?

在 Chrome Inspector 的 Computed 选项卡底部,它显示了呈现的实际字体,但对于我正在处理的网站来说:

Rendered Fonts

.—Network resource(40 glyphs)

而通常情况下,它在其他网站上会这样说:

Rendered Fonts

Arial—Local file(158 glyphs)

Consolas—Local file(29 glyphs)

Menlo—Local file(1 glyph)

或者这个:

Rendered Fonts

Nunito—Network resource(49 glyphs)

我的文件从哪里获取 "name" .

字体有元数据,您使用的字体的创建者似乎没有正确填充它。

您可以试试这个网站来检查您字体的元数据,看看名称部分是否有 .

https://opentype.js.org/font-inspector.html

实际上这是 Webfonts 格式的预期行为。在这些字体中,字体创建者删除了一些在网络环境中没有用处的 OpenType table,包括点的来源 'name' table,这使我们能够例如,将文件大小保持在最低限度,并增强网络浏览器上的字体性能。

由于缺少 'name' table,Webfonts 无法安装在桌面计算机上,这也是为了让用户不会在桌面环境中滥用它,而他们不是用于。此外,字体可以从网站下载,然后被其他公司非法使用,通过防止 Webfonts 安装在桌面计算机上,我们最大限度地减少了字体黑客攻击。

在这种情况下,我建议使用桌面字体,因为这些文件将包含 'name' table.

的完整信息