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

问题描述

想象我有以下CSS

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

假设系统上未安装不存在的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小组刚刚宣布，font-家庭检查现已在 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!

推荐答案

在Chrome浏览器中的devtools中， 计算下的元素标签：

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

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