css - 字体系列是继承的。如何在 chrome 开发人员 Pane 中找出字体系列?

标签 css google-chrome font-family

在 Chrome 的开发人员 Pane 中,我可以看到元素的这些 css 设置。

enter image description here

据我所知,每个 font-family 值都是继承

如何找到字体系列的实际值?以及如何从继承层次结构中追踪根字体系列值的定义?

最佳答案

开发者工具 > 元素 > 计算 > 渲染字体

您附加到问题的图片显示了 Style 选项卡。如果切换到下一个选项卡,Computed,您可以检查 Rendered Fonts,它显示实际呈现的字体系列。

Developer Tools > Elements > Computed > Rendered Fonts

关于css - 字体系列是继承的。如何在 chrome 开发人员 Pane 中找出字体系列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17637453/

相关文章:

javascript - 在 Chrome 扩展中存储数组

java - 如何在 iText 5 中设置字体系列?

css - 是什么决定了在浏览器中显示的默认字体?

css - 在 UC 浏览器中重叠 div over html5 视频播放器问题

javascript - 是否可以响应式地换行表行?

javascript - 处理 Javascript 事件的正确方法

javascript - 从 Chrome 扩展程序中的 URL 自动填充

google-chrome - Google Chrome 默认控制台上下文

ios - 在 mac、ios、linux 上使用 calibri 风格

javascript - 以编程方式滚动父 div 中的一组 div