如何确定浏览器实际用于呈现一些文本的字体？ [英] How can I determine what font a browser is actually using to render some text?

问题描述

我的CSS为整个页面指定 font-family：Helvetica，Arial，sans-serif; 。它看起来像Verdana正在使用的一些部分。

My CSS specifies "font-family: Helvetica, Arial, sans-serif;" for the whole page. It looks like Verdana is being used instead on some parts. I would like to be able to verify this.

我已经尝试从浏览器复制并粘贴到Word，但它不保留字体。

I've tried copying and pasting from my browser into Word, but it's not preserving the font.

有没有什么方法可以确定哪一种字体实际用于一段文本？

Is there some way to determine which font is actually being used for a section of text?

Firebug会给我一个列表字体如上[1]，但我没有看到一种方法来确定正在使用哪一种字体。

Firebug will give me the list of fonts as above[1], but I don't see a way to determine which one of the fonts is being used.

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

推荐答案

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

Per Wilfred Hughes' answer, Firefox now supports this natively. This article has more details.

这个答案原文引用了Font Finder插件，但只是因为它是从4年前。事实上，旧的答案就像这样，社区不能更新它们是Stack Overflow的剩余的几个故障之一。

This answer original referenced the "Font Finder" plugin, but only because it was from 4 years ago. The fact that old answers linger like this and the community cannot update them is one of the few remaining failures of Stack Overflow.

这篇关于如何确定浏览器实际用于呈现一些文本的字体？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！