为什么Chrome开发人员工具计算选项卡会将呈现的字体提及为一个点＆＃34;。＆＃34;？

Question

如果你看到附图，这个问题很容易理解：

如上所示，＆＃34;呈现字体＆＃34; ＆＃34; Computed＆＃34; Chrome开发者工具上的标签是指使用＆＃34;。＆＃34;

呈现的字体

这是什么意思？

请注意，该网页正在使用＆＃34; Roboto＆＃34;字体。

Answer 1

“渲染字体”部分的工作方式如下。

检查页面中的元素时，例如带有一些文本的跨度，Chrome DevTools将分析所选节点内的文本。对于所选节点内文本的每个字符，它将确定用于呈现该字符的字体。

此信息将在“呈现的字体”部分中以“ - ”格式汇总。

在您的具体示例中，这意味着使用名称为“。”的字体呈现了14个字符的文本。

这种字体通常是webfonts，由于某种原因，它们的描述中没有设置正确的名称。