在 Chrome 的开发者面板中，我可以看到一个元素的这些 css 设置。
据我所见，每个font-family值都是inherit。
如何找到字体系列的实际值？以及如何跟踪根字体系列值的定义来自继承层次结构？
问问题
162727 次
4 回答
49
Developer Tools > Elements > Computed > Rendered Fonts
您附加到问题的图片显示了该Style选项卡。如果您切换到下一个选项卡，Computed您可以检查 Rendered Fonts，它显示了实际渲染的字体系列。
于 2014-09-09T13:27:16.337 回答
9
inheritvalue使用时，表示该属性的值设置为父元素的相同属性的值。对于根元素（在 HTML 文档中，对于html元素）没有父元素；根据定义，使用的值是属性的初始值。CSS 规范中为每个属性定义了初始值。
该font-family属性的特殊之处在于初始值在规范中不是固定的，而是定义为依赖于浏览器的。这意味着使用浏览器的默认字体系列。该值可由用户设置。
如果从根元素到当前元素有一个连续的元素链（在父子关系的意义上），在任何样式表中都font-family设置为inherit或根本不设置（这也会导致继承），那么字体是浏览器的默认值。
不过，这相当无趣。如果您根本不设置字体，将使用浏览器默认值。您的真正问题可能有所不同——您似乎正在查看构成浏览器样式表的样式表部分。可能还有其他更有趣的样式表会影响这种情况。
于 2013-07-14T11:45:21.310 回答
3
对于这种情况，您的浏览器的默认字体系列将被继承。
您可以在 chrome 中查看浏览器默认字体： 设置 > 网页内容 > 自定义字体...
于 2013-07-14T07:57:23.323 回答
1
我认为 op 想知道网页上使用的字体是什么，并希望可以在“检查”窗格中找到该信息。
尝试添加 Whatfont Chrome 扩展。
于 2016-03-26T02:33:48.723 回答