谷歌Chrome开发工具 - 无法解决font-family问题

Question

我在网站上有以下文字：

当我在Dev Tools中选择并按字体系列过滤时，会给我以下内容：

并且，向下：

为什么所有font-family属性都显示为灰色，这段文本如何获得其字体？

====更新

为了澄清，我没有看到设置font属性。这个元素不应该继承自body吗？如果是这样，为什么我不在Dev Tools中看到它？

====更新2

查看Computed选项卡，我在顶部看到：

在底部：

我认为字体是Courier 13.但是：

1. 什么是Show inherited properties复选框？

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

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

Answer 1

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

您可以在此标签中向下滚动，查找正在使用的font-family。至于为什么它没有显示你在过滤器中使用的字体系列，dunno。

Answer 2

也许你有某个字体：属性？它可能包含字体系列。

font: 15px arial, sans-serif;