如何判断 Chrome 使用的是哪种字体? [英] How do I tell which font Chrome is using?

问题描述

假设我有以下 CSS

font-family: 'Non-existant Sans', Arial, sans-serif;

假设系统上没有安装'Non-existant Sans'，浏览器将使用Arial.使用 Chrome，有没有办法找出正在渲染的字体?

Assuming 'Non-existant Sans' is not installed on the system, Arial will be used by the browser. Using Chrome, is there any way of finding out which font is being rendered?

Dave(在问题的评论中)指出了一个类似的问题.我在这里专门询问 Chrome.然而，另一个问题中的许多答案都表明可以进行扩展；是否有单独使用开发工具确定此信息的本地方法?

Dave (in the comments to the question) has pointed out a similar question. I'm specifically asking about Chrome here. Many of the answers in the other question suggest extensions which are okay, however; is there a native way of determining this information using the Dev Tools alone?

2013 年 9 月编辑:Chrome 团队刚刚宣布，字体系列检查现在可以在 最新版本的 Chrome Canary(Twitter 链接包含一张包含更多信息的图片).这应该会在接下来的几周内通过开发 > 测试版 > 稳定下来——好消息！

Edit Sept 2013: The Chrome team have just announced that font-family inspection is now available in the latest builds of Chrome Canary (Twitter link contains an image with more info). This should trickle down through dev > beta > stable over the next few weeks – great news!

推荐答案

在 Google Chrome devtools 的元素"选项卡中的计算"下:

In Google Chrome devtools in the 'Elements' tab, under 'Computed':

这篇关于如何判断 Chrome 使用的是哪种字体?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！