Chrome的“已呈现字体”从哪里获取字体名称？

Question

14

在Chrome Inspector中的计算选项卡底部，显示了实际渲染的字体，但对于我正在处理的网站，它显示为:

已渲染字体

.—网络资源（40个字形）

而通常在其他网站上会显示类似这样的内容：

已渲染字体

Arial—本地文件（158个字形）

Consolas—本地文件（29个字形）

Menlo—本地文件（1个字形）

或者像这样：

已渲染字体

Nunito—网络资源（49个字形）

那么我的文件从哪里获取了“名称” . ？

- allicarn

在检查器中查看Chrome加载的字体文件，请访问https://dev59.com/3mMk5IYBdhLWcg3w3xhY。 - FarOoOosa

2

@FarOoOosa - 就我所知，这并没有回答我的问题 - 它显示了在网络选项卡中加载的文件，但没有显示在计算选项卡中显示的字体名称。另一个答案实际上有一个我所指的选项卡的截图，但没有说明它从哪里获得这些名称。如果我漏掉了什么，请解释一下！ - allicarn

字体有元数据，看起来你正在使用的字体的创建者没有正确填写它。您可以尝试使用此网站检查字体的元数据，以查看名称部分是否有“.”：https://opentype.js.org/font-inspector.html - Rence

@Sirence 是的！就是这样！如果你把它写成答案，我会将其标记为被接受的答案！ - allicarn

很高兴能够帮助，我已将其添加为答案 :) - Rence

2个回答

4

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

您可以尝试使用此网站检查您的字体元数据，看看名称部分是否有 .：

- Rence

这就是它 - "命名表"显示：fontFamily和fullName都设置为"。" - allicarn

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- timSully · Accepted Answer

实际上，这是Webfonts格式的预期行为。在这些字体中，字体创建者移除了一些OpenType表格，在Web环境下没有用处，包括“name”表格，这就是点的来源，这样可以使文件大小最小化，并增强字体在Web浏览器上的性能。

由于缺少“name”表格，Webfonts无法安装在桌面机器上，这也是为了防止用户在不适合使用的桌面环境中滥用它们。此外，字体可以从网站下载，然后被其他公司非法使用，通过防止Webfonts在桌面计算机上可安装，我们可以最小化字体黑客攻击的风险。

在这种情况下，我建议使用桌面字体，因为这些文件将拥有“name”表格的完整信息。