Google Chrome 开发工具 - 无法解决字体系列

Question

我在网站上有以下文字：

当我在开发工具中选择并按 font-family 过滤时，会得到以下信息：

还有，再往下：

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

==== 更新

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

==== 更新 2

查看顶部的 Computed 选项卡：

在底部：

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

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

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

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

Answer 1

在开发工具中有computed 选项卡。这将显示当前选定元素上所有属性的当前实现值。

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

Answer 2

也许你在某处有一个 font: 属性？它可能包含字体系列。

font: 15px arial, sans-serif;