css - Google Chrome 开发工具 - 无法计算出字体系列

Question

我在网站上有以下文字:

当我在开发工具中选择并按字体系列过滤时，会给出以下内容:

并且，更进一步:

为什么所有的 font-family 属性都是灰色的，这段文本是如何获取它的字体的？

====更新

澄清一下，我也没有看到设置 font 属性。这个元素不应该继承自 body 吗？如果是这样，为什么我在开发工具中看不到它？

====更新2

查看“计算”选项卡，我在顶部看到:

在底部:

我假设字体是 Courier 13。但是:

1. 什么是“显示继承属性”复选框？

2. “font-family: monospaced, serif”下面的所有行是什么？

3. 如何选择 Courier 13 字体(来自上面第 2 点中的样式表条目之一)？

Answer 1

在开发工具中有一个计算选项卡。这将向您显示当前所选元素上所有属性的当前实现值。

您可以在此选项卡中向下滚动以查找正在使用的font-family。至于为什么它没有显示您在过滤器中使用的字体系列，不知道。