如何确定浏览器实际用于渲染某些文本的字体？

175

我的CSS font-family: Helvetica, Arial, sans-serif;为整个页面指定了“ ”。好像在某些部分上使用了Verdana。我希望能够验证这一点。

我曾尝试从浏览器复制并粘贴到Word中，但是它没有保留字体。

有什么方法可以确定文本部分实际使用哪种字体？

Firebug将为我提供如上的字体列表[1]，但是我看不出一种确定使用哪种字体的方法。

原来使用了错误的列表，这解决了我原来的Verdana问题。但是我仍然很好奇是否有一种方法可以识别实际的渲染字体。

css browser fonts

— 熔岩龟
source

stackoverflow.com/questions/845/detecting-font-in-javascript

— ajm

下面的答案中描述的FontFinder和WhatFont仍然是检测所使用字体的非常原始的方法。当我选择؋该字体不可用的Aghani 符号时，两个都错误地指示“ Quanttrocentro Sans”（主要字体）。

— 问题溢出

@QuestionOverflow，如今，Firefox和Chrome具有内置工具来确定字体。它们将显示每个字形的字体，因此还将显示用于该؋的字体。

— Arjan 2014年

@Arjan：2020年仍然会这样吗？

— 吞噬了极乐世界

@devouredelysium，您看到我的回答了吗？只需选择一个字形即可查看所使用的字体。

— Arjan

根据Wilfred Hughes的回答，Firefox现在支持此功能。本文有更多详细信息。

该答案最初引用了“字体查找器”插件，但这仅是因为它来自4年前。老答案像这样徘徊，社区无法更新它们，这是Stack Overflow剩余的少数失败之一。

— 杰里米·考夫曼
source

Firefox的工具> Web开发人员>检查器>字体告诉您（Wilfred Hughes的回答），现在没有理由使用它了

— skierpage 2013年

不幸的是，Firefox 47不再具有您链接到的该博客中引用的“字体”选项卡：本文具有更多详细信息

— Zabba

“从Firefox 47开始，默认情况下，“字体”视图是禁用的。我们正在开发功能更全的替代品。目前，如果您想查看“字体”视图，请访问about：config，找到首选项devtools。 fontinspector.enabled，并将其设置为true。” 请参阅developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/…。

— Daniel Le

显然，devtools.fontinspector.enabled只需要在Firefox 47中进行设置：“ 仅在Firefox 47中，默认情况下禁用了字体视图。如果要在Firefox 47中查看字体视图，请访问about:config，找到首选项devtools.fontinspector.enabled，并将其设置为true。 Firefox 47，默认情况下启用了“字体”视图。” ，@ DanielLe。

— Arjan

@DanielLe，我当然知道在您复制文本时是正确的:-)

— Arjan