为什么 Chrome developer tools computed tab 提到渲染字体是一个点“.”？
Why does Chrome developer tools computed tab mention the rendered font to be a dot "."?
问题看附图就很容易理解了：
正如您在上面看到的，Chrome 开发人员工具上 "Computed" 选项卡的 "Rendered Fonts" 部分指的是用“.”渲染的字体。
这是什么意思？
请注意网页使用的是 "Roboto" 字体。
"rendered fonts" 部分的工作方式如下。
当您检查页面中的元素时，例如带有一些文本的跨度，Chrome DevTools 将分析所选节点内的文本。对于所选节点内文本的每个字符，它将找出用于呈现该字符的字体。
此信息将汇总在 "Rendered Fonts" 部分，格式为“-”。
在您的具体示例中，这意味着使用名称为“.”的字体呈现了 14 个字符的文本。
这种字体通常是 webfonts，由于某种原因没有在它们的描述中设置正确的名称。
问题看附图就很容易理解了：
正如您在上面看到的，Chrome 开发人员工具上 "Computed" 选项卡的 "Rendered Fonts" 部分指的是用“.”渲染的字体。
这是什么意思？
请注意网页使用的是 "Roboto" 字体。
"rendered fonts" 部分的工作方式如下。
当您检查页面中的元素时，例如带有一些文本的跨度，Chrome DevTools 将分析所选节点内的文本。对于所选节点内文本的每个字符，它将找出用于呈现该字符的字体。
此信息将汇总在 "Rendered Fonts" 部分，格式为“-”。
在您的具体示例中，这意味着使用名称为“.”的字体呈现了 14 个字符的文本。
这种字体通常是 webfonts，由于某种原因没有在它们的描述中设置正确的名称。