Fonts 为什么Chrome developer tools computed选项卡提到渲染字体为点&引用；？

如果您看到附件中的图片，问题很容易理解：

如上所述，Chrome Developer Tools上“Computed”（计算）选项卡的“Rendered Fonts”（呈现字体）部分指的是以“.”呈现的字体

这是什么意思

请注意，网页使用的是“Roboto”字体。“呈现字体”部分的工作方式如下

当您检查页面中的某个元素时，例如带有某些文本的跨距，Chrome开发工具将分析所选节点内的文本。对于所选节点中文本的每个字符，它将确定用于呈现该字符的字体

这些信息将在“呈现字体”部分以“-”格式汇总

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

---

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

您能告诉我们吗？这是一种只有14个字形的字体，所以很明显这是一种子集字体，你在检查元素时使用了什么CSS？整个页面使用什么并不重要，因为元素可以覆盖它们使用的字体。“样式”部分（而不是“计算机”部分）说明了它正在使用或继承的字体族是什么？“样式”选项卡说明元素具有“字体族”“roboto”。“计算”选项卡也提到了同样的问题。它是“计算”选项卡上的“渲染字体”，其中提到“.”。顺便说一句，14字形表示所选元素的短语/文本长度为14。这并不是说它是“一种只有14个字形的字体”。每次我选择另一个元素时，这个数字都会根据元素内文本的长度而改变。通常，我会在那里看到用于渲染元素的字体族的实际名称。我不明白为什么我会在这个特殊的案例中看到“.”。在这种情况下，我有一个供其他人查看的URL，所以我们不必猜测。不幸的是，我没有一个公共URL，您可以查看。我将尝试思考是否可以创建一个公共页面来演示这一点。