blocks|key|3325130|text|您可以尝试使用Firebug+for+Firefox检查该特定部分。它应该会给你所有的确切属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3325131|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You could try checking that specific section with Firebug for Firefox. It should give you all the exact properties.

blocks|key|3325155|text|每个Wilfred+Hughes'+answer，火狐现在都支持这一点。This+article+has+more+details。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3325156|这个答案最初引用了"Font+Finder“插件，但仅仅是因为它来自4年前。事实上，旧的答案像这样挥之不去，社区无法更新它们，这是Stack+Overflow为数不多的剩余失败之一。|3325157|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/16794295/82124|1|https://hacks.mozilla.org/2013/04/developer-tools-update-firefox-22/^0|2|M|0|10|T|1|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]|$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Per <a href="https://stackoverflow.com/a/16794295/82124">Wilfred Hughes' answer</a>, Firefox now supports this natively. <a href="https://hacks.mozilla.org/2013/04/developer-tools-update-firefox-22/" rel="noreferrer">This article has more details</a>. 

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.

blocks|key|342187|text|jeremy提到的"FontFinder“插件在这里似乎不起作用，它给出了CSS列表中的第一个字体，而不考虑实际呈现的字体(Linux上的Firefox4.0rc1)。然而，下面的插件似乎给了你“正确的”字体。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|342188|Context+Font|offset|length|342189|entityMap|0|LINK|mutability|MUTABLE|url|https://addons.mozilla.org/en-US/firefox/addon/context-font/^0|0|0|C|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

The "FontFinder" plugin mentioned by jeremy seems not to work here, giving the first font of the CSS list regardless of the actually rendered font (Firefox 4.0rc1 on Linux). The following plugin however gives you the "correct" font, it seems.

<a href="https://addons.mozilla.org/en-US/firefox/addon/context-font/" rel="nofollow">Context Font</a>

blocks|key|342193|text|是一个Chrome扩展，它会告诉你字体堆栈中的哪种字体正在加载。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|342194|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<a href="https://chrome.google.com/webstore/detail/jabopobgcpjmedljpbcaablpmlmfcogm" rel="noreferrer">WhatFont</a> is a Chrome extension that will tell you specifically which font in the font stack is being loaded.

blocks|key|3325246|text|对于当前版本的火狐(从v7开始)，有一个名为"fontinfo“的附加组件，它将报告实际使用的字体(而不是CSS+font-family属性所说的字体)，并考虑到由于请求的字体系列不可用或不支持文本中使用的字符而导致浏览器回退到不同字体的情况。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3325247|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

For current versions of Firefox (since v7), there's an add-on called "fontinfo" that will report the actual font being used (rather than what the CSS font-family property says), taking account of cases where the browser falls back to a different font because the requested font-family wasn't available or didn't support the characters used in the text.

blocks|key|3112309|text|Firefox+22%2B+will+show+you+which+font+is+currently+in+use，不带任何扩展名。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3112310|entityMap|0|LINK|mutability|MUTABLE|url|https://hacks.mozilla.org/2013/04/developer-tools-update-firefox-22/^0|0|1K|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="https://hacks.mozilla.org/2013/04/developer-tools-update-firefox-22/" rel="noreferrer">Firefox 22+ will show you which font is currently in use</a>, without any extensions.

blocks|key|341282|text|多年来，Firefox和Chrome都有内置的工具来显示所有细节，但2021年10月的Safari15.x仍然需要你复制一些文本来调查这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|341283|Firefox|341284|在Firefox中，右键单击某些文本并选择检查元素后显示的页面检查器具有一个Fonts+view|offset|length|341285|​|341286|📷|atomic|341287|341288|这也将告诉您使用的样式，如常规，ExtraLight，斜体，BoldItalic和所有。|341289|如上面的截图所示：|341290|341291|+.SF+NS|blockquote|style|BOLD|341292|341293|系统字体|341294|+SD哥特式新|341295|Apple+SD哥特式Neo+Regular|341296|341297|因此，您可以看到正在查看的元素中使用的所有字体，即使只选择了一个字形。只需在检查器中悬停单个字体名称，即可突出显示使用该特定字体的字形。悬停“苹果SD哥特式Neo+Regular”恰好突出了"웃"：|341298|341299|341300|341301|悬停“系统字体”会让我：|341302|341303|341304|341305|对于网页字体，Firefox似乎会显示CSS中的名称以及下载字体中的详细信息。在它的"All+Fonts+on+Page“部分，它还会告诉你字体是从哪里下载的。|341306|对我来说，在2021年10月，Firefox有最好的选择来确定字体。但是：并不是所有的浏览器都使用相同的字体，所以请继续阅读！|341307|铬|341308|对于Chrome，进入DevTools的“元素”，进入“计算”标签，然后向下滚动到中的“渲染字体”部分。与Firefox不同，它只显示基本字体名称，而不显示它可能使用的任何特定样式：|341309|341310|341311|341312|对于网页字体，Chrome只会显示“网络资源”(+Firefox会显示更多细节)。|341313|与Firefox一样，您可以看到正在查看的元素中使用的所有字体，即使只选择了一个字形。Chrome会提供所选元素中使用特定字体的字形的计数，但不支持悬停以突出显示使用特定字体的字形：|341314|341315|+.SF+NS+-本地文件(192个字形)|341316|341317|.Apple+SD哥特式NeoI+-本地文件(1字形)|341318|341319|Safari|341320|2021年10月的Safari+15终于引入了“字体”标签，但它的输出相当有限。对于“身份”，它通常显示次要信息，如“仅限TN网络使用”(其中Firefox将其显示为注释，如"Interstate+Condensed，TN+web+use+only")。或者什么都不显示。但是，最后，这是一个开始：|341321|341322|341323|341324|这只适用于元素。对于文本节点(如单个字符)，不会显示字体选项卡。|341325|对于上面使用的相同示例，Safari甚至没有表明使用了多种字体：|341326|341327|+Identity|341328|341329|名称.AppleSystemUIFont|341330|341331|因此，请继续阅读。|341332|其他浏览器(和Safari)|341333|对于Safari和其他没有完整字体视图的浏览器，只需将文本片段复制并粘贴到某个文字处理器或富文本编辑器中，选择一些特定的文本，然后查看哪个名称显示在某个字体下拉列表中。在我的Mac机上，当从火狐粘贴时，这不起作用(火狐的"웃“火狐的”苹果SD哥特式Neo“在粘贴时被转换为"AppleMyungjo”)，但在Safari和Chrome上效果很好：|341334|341335|341336|341337|单个HTML元素中的多种字体|341338|对于上面的屏幕截图，实际的CSS定义：|341339|font-family:+-apple-system,+BlinkMacSystemFont,+"Segoe+UI",+"Liberation+Sans",+sans-serif;|code-block|syntax|javascript|341340|但这些字体通常不包含许多特殊字符。由于字体信息适用于每个HTML元素，其中元素中的Unicode文本实际上可以在其子文本节点中使用多种字体，因此开发人员工具也会显示多种字体。如果不确定，可以在Firefox中悬停字体，或者在其他浏览器中双击HTML窗格中的文本，然后删除不感兴趣的文本。然后，当再次选择周围的元素时，您将只看到一个选项。|341341|不同浏览器中的不同字体|341342|不幸的是，由于浏览器支持/首选的字体类型，同一台机器上的不同浏览器(甚至单个浏览器的不同版本)可能使用不同的字体。例如，在Mac上，Safari可能更喜欢Apple+Advanced+Technology，而Firefox支持微软的OpenType+(在Mac上安装Microsoft+Office后，可能会生成problems+for+Arabic+)。或者对于上面截图中的“Regular”字符，现在我的Mac上的火狐和Chrome更喜欢“苹果SD哥特式Neo”和".Apple+SD哥特式NeoI“(这是OpenType+PostScript)，但旧版本的火狐使用的是"AppleGothic웃”(这是TrueType字体)。|341343|file+/System/Library/Fonts/AppleSDGothicNeo.ttc+
/System/Library/Fonts/AppleSDGothicNeo.ttc:+OpenType+font+collection+data,+2.0,+18+fonts,+at+0x60+OpenType+Font+data,+18+tables,+1st+"BASE"

file+/System/Library/Fonts/Supplemental/AppleGothic.ttf+
/System/Library/Fonts/Supplemental/AppleGothic.ttf:+TrueType+Font+data,+18+tables,+1st+"cmap",+33+names,+Macintosh,+Copyright+?+1994-2006+Apple+Computer,+Inc.+All+rights+reserved.AppleGothicRegularAppleGothic+Reg|341344|请注意，Chrome+(在苹果电脑上)在"NeoI“中显示了一个前导点和尾随的大写字母"i”，这在同一个例子中是Firefox所没有的。在那台Mac上，Font+Book显示：|341345|341346|341347|341348|我还没有调查过这需要什么。|341349|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Edit_fonts|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/1bdcced2617f9f8ad07b0a561b92f448.jpeg|imageAlt|2|https://ask.qcloudimg.com/http-save/yehe-900000/8123fa5abefd322f84077beeca43bb8f.png|3|https://ask.qcloudimg.com/http-save/yehe-900000/36c39c42c25f3e99f26cc705a15708ce.png|4|https://ask.qcloudimg.com/http-save/yehe-900000/998960f1252523455409a3d89b496f1f.jpeg|5|https://ask.qcloudimg.com/http-save/yehe-900000/34308b68024bdfd4fa88ceab44a03581.jpeg|6|https://ask.qcloudimg.com/http-save/yehe-900000/2bb7604391c5670d93efa4b2977b555d.png|7|https://superuser.com/questions/66295/arabic-in-powerpoint-on-mac/66305#66305|8|https://ask.qcloudimg.com/http-save/yehe-900000/b6ad7eccc5f2fd6a1036146a59e2af3d.png^0|0|0|12|A|0|0|0|0|1|1|0|0|0|0|0|1|6|0|0|0|0|7|0|0|0|0|0|0|1|2|0|0|0|0|0|1|3|0|0|0|11|H|0|0|10|5|0|0|0|1|4|0|0|0|0|0|1|6|0|0|0|G|0|0|0|0|0|0|1|5|0|0|0|0|0|1|8|0|0|0|0|0|0|0|0|0|1|6|0|0|0|0|0|0|0|4C|J|7|0|0|0|0|0|1|8|0|0|0^^$0|@$1|2|3|4|5|6|7|48|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|49|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|4A|8|@]|9|@$F|4B|G|4C|1|4D]]|A|$]]|$1|H|3|I|5|6|7|4E|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|4F|8|@]|9|@$F|4G|G|4H|1|4I]]|A|$]]|$1|M|3|I|5|6|7|4J|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|4K|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|4L|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|4M|8|@]|9|@]|A|$]]|$1|S|3|T|5|U|7|4N|8|@$F|4O|G|4P|V|W]]|9|@]|A|$]]|$1|X|3|-4|5|6|7|4Q|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|4R|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|4S|8|@$F|4T|G|4U|V|W]]|9|@]|A|$]]|$1|12|3|13|5|6|7|4V|8|@]|9|@]|A|$]]|$1|14|3|-4|5|6|7|4W|8|@]|9|@]|A|$]]|$1|15|3|16|5|6|7|4X|8|@]|9|@]|A|$]]|$1|17|3|I|5|6|7|4Y|8|@]|9|@]|A|$]]|$1|18|3|K|5|L|7|4Z|8|@]|9|@$F|50|G|51|1|52]]|A|$]]|$1|19|3|I|5|6|7|53|8|@]|9|@]|A|$]]|$1|1A|3|1B|5|6|7|54|8|@]|9|@]|A|$]]|$1|1C|3|I|5|6|7|55|8|@]|9|@]|A|$]]|$1|1D|3|K|5|L|7|56|8|@]|9|@$F|57|G|58|1|59]]|A|$]]|$1|1E|3|I|5|6|7|5A|8|@]|9|@]|A|$]]|$1|1F|3|1G|5|6|7|5B|8|@]|9|@]|A|$]]|$1|1H|3|1I|5|6|7|5C|8|@$F|5D|G|5E|V|W]]|9|@]|A|$]]|$1|1J|3|1K|5|6|7|5F|8|@]|9|@]|A|$]]|$1|1L|3|1M|5|6|7|5G|8|@$F|5H|G|5I|V|W]]|9|@]|A|$]]|$1|1N|3|I|5|6|7|5J|8|@]|9|@]|A|$]]|$1|1O|3|K|5|L|7|5K|8|@]|9|@$F|5L|G|5M|1|5N]]|A|$]]|$1|1P|3|I|5|6|7|5O|8|@]|9|@]|A|$]]|$1|1Q|3|1R|5|6|7|5P|8|@]|9|@]|A|$]]|$1|1S|3|1T|5|6|7|5Q|8|@]|9|@]|A|$]]|$1|1U|3|-4|5|6|7|5R|8|@]|9|@]|A|$]]|$1|1V|3|1W|5|U|7|5S|8|@$F|5T|G|5U|V|W]]|9|@]|A|$]]|$1|1X|3|-4|5|6|7|5V|8|@]|9|@]|A|$]]|$1|1Y|3|1Z|5|6|7|5W|8|@$F|5X|G|5Y|V|W]]|9|@]|A|$]]|$1|20|3|-4|5|6|7|5Z|8|@]|9|@]|A|$]]|$1|21|3|22|5|6|7|60|8|@]|9|@]|A|$]]|$1|23|3|24|5|6|7|61|8|@]|9|@]|A|$]]|$1|25|3|I|5|6|7|62|8|@]|9|@]|A|$]]|$1|26|3|K|5|L|7|63|8|@]|9|@$F|64|G|65|1|66]]|A|$]]|$1|27|3|I|5|6|7|67|8|@]|9|@]|A|$]]|$1|28|3|29|5|6|7|68|8|@]|9|@]|A|$]]|$1|2A|3|2B|5|6|7|69|8|@]|9|@]|A|$]]|$1|2C|3|-4|5|6|7|6A|8|@]|9|@]|A|$]]|$1|2D|3|2E|5|U|7|6B|8|@$F|6C|G|6D|V|W]]|9|@]|A|$]]|$1|2F|3|-4|5|6|7|6E|8|@]|9|@]|A|$]]|$1|2G|3|2H|5|6|7|6F|8|@]|9|@]|A|$]]|$1|2I|3|-4|5|6|7|6G|8|@]|9|@]|A|$]]|$1|2J|3|2K|5|6|7|6H|8|@]|9|@]|A|$]]|$1|2L|3|2M|5|6|7|6I|8|@]|9|@]|A|$]]|$1|2N|3|2O|5|6|7|6J|8|@]|9|@]|A|$]]|$1|2P|3|I|5|6|7|6K|8|@]|9|@]|A|$]]|$1|2Q|3|K|5|L|7|6L|8|@]|9|@$F|6M|G|6N|1|6O]]|A|$]]|$1|2R|3|I|5|6|7|6P|8|@]|9|@]|A|$]]|$1|2S|3|2T|5|6|7|6Q|8|@]|9|@]|A|$]]|$1|2U|3|2V|5|6|7|6R|8|@]|9|@]|A|$]]|$1|2W|3|2X|5|2Y|7|6S|8|@]|9|@]|A|$2Z|30]]|$1|31|3|32|5|6|7|6T|8|@]|9|@]|A|$]]|$1|33|3|34|5|6|7|6U|8|@]|9|@]|A|$]]|$1|35|3|36|5|6|7|6V|8|@]|9|@$F|6W|G|6X|1|6Y]]|A|$]]|$1|37|3|38|5|2Y|7|6Z|8|@]|9|@]|A|$2Z|30]]|$1|39|3|3A|5|6|7|70|8|@]|9|@]|A|$]]|$1|3B|3|I|5|6|7|71|8|@]|9|@]|A|$]]|$1|3C|3|K|5|L|7|72|8|@]|9|@$F|73|G|74|1|75]]|A|$]]|$1|3D|3|I|5|6|7|76|8|@]|9|@]|A|$]]|$1|3E|3|3F|5|6|7|77|8|@]|9|@]|A|$]]|$1|3G|3|-4|5|6|7|78|8|@]|9|@]|A|$]]]|3H|$3I|$5|3J|3K|3L|A|$3M|3N]]|3O|$5|3P|3K|3Q|A|$3R|3S|3T|-4]]|3U|$5|3P|3K|3Q|A|$3R|3V|3T|-4]]|3W|$5|3P|3K|3Q|A|$3R|3X|3T|-4]]|3Y|$5|3P|3K|3Q|A|$3R|3Z|3T|-4]]|40|$5|3P|3K|3Q|A|$3R|41|3T|-4]]|42|$5|3P|3K|3Q|A|$3R|43|3T|-4]]|44|$5|3J|3K|3L|A|$3M|45]]|46|$5|3P|3K|3Q|A|$3R|47|3T|-4]]]]

Since many years Firefox and Chrome have built-in tools for that to show all details, but the October 2021 Safari 15.x still needs you to copy some text and investigate that.
<h2>Firefox</h2>
In Firefox, the Page Inspector that shows after right-clicking some text and choosing Inspect Element, has a <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Edit_fonts" rel="nofollow noreferrer">Fonts view</a>:
<a href="https://i.stack.imgur.com/qA1uG.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qA1uG.jpg" alt="Firefox fonts view" /></a>
This will also tell you which style is used, such as Regular, ExtraLight, Italic, BoldItalic and all.
Like for the above screenshot:
<blockquote>
.SF NS 
System Font 
Apple SD Gothic Neo 
Apple SD Gothic Neo Regular
</blockquote>
So, you see all fonts that are used in the element you're looking at, even when only selecting a single glyph. Just hover a single font name in the inspector to highlight the glyphe(s) that use that specific font. Hovering &quot;Apple SD Gothic Neo Regular&quot; nicely highlights just the &quot;웃&quot;:
<a href="https://i.stack.imgur.com/7uVJC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7uVJC.png" alt="Apple SD Gothic Neo Regular" /></a>
Hovering &quot;System Fonts&quot; gets me:
<a href="https://i.stack.imgur.com/Xa4n2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xa4n2.png" alt="System Fonts" /></a>
For web fonts, it seems Firefox shows the name from the CSS along with details from within the downloaded font. In its &quot;All Fonts on Page&quot; section it also tells where fonts were downloaded from.
For me, in October 2021, Firefox has the best options to determine the font. But: not all browsers may use the same font, so read on!
<h2>Chrome</h2>
For Chrome, go into DevTools' &quot;Elements&quot;, go to its &quot;Computed&quot; tab, and scroll all the way down to the section called &quot;Rendered Fonts&quot;. Unlike with Firefox, this only shows the base font name, not any specific style it may be using:
<a href="https://i.stack.imgur.com/XrF8M.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XrF8M.jpg" alt="Chrome Web Inspector" /></a>
For web fonts, Chrome just shows &quot;Network resource&quot; (where Firefox shows many more details).
Like with Firefox, you see all fonts that are used in the element you're looking at, even when only selecting a single glyph. Chrome does give you a count of the glyphes that use a specific font within the selected element, but does not support hovering to highlight the glyphe(s) that use a specific font:
<blockquote>
.SF NS — Local file (192 glyphs) 
.Apple SD Gothic NeoI — Local file (1 glyph)
</blockquote>
<h2>Safari</h2>
The October 2021 Safari 15 has finally introduced a &quot;Fonts&quot; tab, but its output is quite limited. For &quot;Identity&quot; it often shows secondary information such as &quot;TN web use only&quot; (where Firefox shows that as a comment, like in &quot;Interstate Condensed, TN web use only&quot;). Or shows nothing at all. But, finally, it's a start:
<a href="https://i.stack.imgur.com/h8OAx.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/h8OAx.jpg" alt="Safari fonts tab" /></a>
This only works for elements. For text nodes (like a single character), the fonts tab is not shown.
For the same example as used above, Safari does not even indicate multiple fonts are used:
<blockquote>
Identity 
Name .AppleSystemUIFont
</blockquote>
So, read on.
<h2>Other browsers (and Safari)</h2>
For Safari and other browsers that do not have a full fledged fonts view, simply copy &amp; paste a fragment of the text into some word processor or Rich Text editor, select some specific text, and see which name shows up in some font dropdown list. On my Mac, this does not work when pasting from Firefox (where for &quot;웃&quot; Firefox's &quot;Apple SD Gothic Neo&quot; is converted into &quot;AppleMyungjo&quot; on pasting), but works well for Safari and Chrome:
<a href="https://i.stack.imgur.com/zBplz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zBplz.png" width="400" alt="Text pasted from browser into rich text editor"></a>
<h2>Multiple fonts in a single HTML element</h2>
For the above screenshots, the actual CSS defines:
<pre class="lang-css prettyprint-override"><code>font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, &quot;Liberation Sans&quot;, sans-serif;
</code></pre>
But those fonts often don't include many special characters. As the font information works per HTML element, where Unicode text in an element could actually use multiple fonts in its child text node, the developer tools show multiple fonts as well. When in doubt, hover the fonts in Firefox, or in other browsers just double-click the text in the HTML pane and get rid of the text you're not interested in. Then, when selecting the surrounding element again, you'll just see one option.
<h2>Different fonts in different browsers</h2>
Unfortunately, different browsers (and even different versions of a single browser) on the very same machine may use different fonts, due to the font types supported/preferred by a browser. On a Mac, for example, Safari may prefer Apple Advanced Technology while Firefox supports Microsoft OpenType (which may yield <a href="https://superuser.com/questions/66295/arabic-in-powerpoint-on-mac/66305#66305">problems for Arabic</a> after installing Microsoft Office on a Mac). Or for the &quot;웃&quot; character in the screenshots above, Firefox and Chrome on my Mac nowadays prefer &quot;Apple SD Gothic Neo&quot; and &quot;.Apple SD Gothic NeoI&quot; (which are OpenType PostScript) but older versions of Firefox used &quot;AppleGothic Regular&quot; instead (which is a TrueType font).
<pre class="lang-sh prettyprint-override"><code>file /System/Library/Fonts/AppleSDGothicNeo.ttc 
/System/Library/Fonts/AppleSDGothicNeo.ttc: OpenType font collection data, 2.0, 18 fonts, at 0x60 OpenType Font data, 18 tables, 1st &quot;BASE&quot;

file /System/Library/Fonts/Supplemental/AppleGothic.ttf 
/System/Library/Fonts/Supplemental/AppleGothic.ttf: TrueType Font data, 18 tables, 1st &quot;cmap&quot;, 33 names, Macintosh, Copyright ? 1994-2006 Apple Computer, Inc. All rights reserved.AppleGothicRegularAppleGothic Reg
</code></pre>
Note that Chrome (on a Mac) shows a leading dot and trailing uppercase &quot;i&quot; in &quot;NeoI&quot; which are lacking in Firefox for the same example. On that Mac, Font Book shows:
<a href="https://i.stack.imgur.com/lpe0d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lpe0d.png" alt="Font Book" /></a>
I've not investigated what that entails.

blocks|key|339988|text|基于Lalit+Patel的文本测量方法和脚本，我已经创建了bookmarklets，它可以猜测当前所选文本使用的字体(如果没有选择任何内容，则可以猜测body+)。它似乎能很好地帮助我确定堆栈中使用的是哪种字体！(不过，它不能告诉您sans-serif实际映射到什么。)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|339989|点击这里：https://alanhogan.com/bookmarklets#font-stack-full|339990|来源是on+GitHub。|339991|另请参阅：this+CodePen，它使用了几乎相同的代码。通过选择不同的段落并查看表格/猜测更新来尝试一下！|339992|entityMap|0|LINK|mutability|MUTABLE|url|https://alanhogan.com/bookmarklets#font-stack-full|1|2|https://github.com/alanhogan/bookmarklets/blob/master/font-stack-guess.js|3|https://codepen.io/alanhogan/full/YZOOWv^0|24|4|39|A|U|C|0|0|5|1E|1|0|3|9|2|0|5|C|3|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@$9|13|A|14|1|15]]|E|$]]|$1|F|3|G|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|H|3|I|5|6|7|1A|8|@]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|J|3|K|5|6|7|1E|8|@]|D|@$9|1F|A|1G|1|1H]]|E|$]]|$1|L|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S]]|T|$5|O|P|Q|E|$R|S]]|U|$5|O|P|Q|E|$R|V]]|W|$5|O|P|Q|E|$R|X]]]]

Based on the text-measuring approach and script from Lalit Patel, I have created <a href="https://alanhogan.com/bookmarklets#font-stack-full" rel="nofollow noreferrer">bookmarklets</a> that can guess the font that is being used for the currently selected text (or the <code>body</code>, if nothing is selected). It seems to work very well for me for figuring out which font in a stack is used! (It can't tell you what <code>sans-serif</code> actually maps to, though.)

Grab them here:
<a href="https://alanhogan.com/bookmarklets#font-stack-full" rel="nofollow noreferrer">https://alanhogan.com/bookmarklets#font-stack-full</a>

The source is <a href="https://github.com/alanhogan/bookmarklets/blob/master/font-stack-guess.js" rel="nofollow noreferrer">on GitHub</a>.

See also: <a href="https://codepen.io/alanhogan/full/YZOOWv" rel="nofollow noreferrer">this CodePen</a>, which uses mostly the same code. Give it a try by selected different paragraphs and watching the table / guess update!

blocks|key|342374|text|为此，不需要使用任何外部浏览器插件。要在Google+Chrome中检查网站上真正使用的字体，您需要：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|342375|342376|打开开发者工具(在网站上右击并在"elements“选项卡中选择inspect)|unordered-list-item|342377|select+desired+object+|342378|选择"computed”选项卡，在底部窗格中你会看到"rendered+|342379|“：|342380|342381|​|342382|📷|atomic|offset|length|342383|342384|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/e227b2e35ddab94b90a19a893b65e6ab.png|imageAlt^0|0|0|0|0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|15|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|16|8|@]|9|@]|A|$]]|$1|H|3|I|5|E|7|17|8|@]|9|@]|A|$]]|$1|J|3|K|5|E|7|18|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|19|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1A|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1B|8|@]|9|@$R|1C|S|1D|1|1E]]|A|$]]|$1|T|3|N|5|6|7|1F|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11|12|-4]]]]

There is no need to use any external browser plugins for that.
In order to check which font is really used on the website in Google Chrome, you need to:
<ul>
<li>open developer tools (right click on a website and select inspect)</li>
<li>select desired object within &quot;elements&quot; tab</li>
<li>select &quot;computed&quot; tab, in the bottom pane you would see &quot;rendered fonts&quot;:</li>
</ul>
<a href="https://i.stack.imgur.com/Y4msv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y4msv.png" alt="enter image description here" /></a>

blocks|key|3112692|text|你可以尝试使用Find+Website+Used+Fonts来识别网站或网页上使用的不同字体，这是一个免费的chrome扩展，它还可以让你以网页识别的不同字体预览你自己输入的文本。超级方便和易于使用，它也是免费的，所以这是一个主要的优势。希望这能有所帮助|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3112693|entityMap|0|LINK|mutability|MUTABLE|url|https://chrome.google.com/webstore/detail/find-website-used-fonts/lnebjgioddkafaldaaeooeghlcholnnp^0|7|N|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You could try using <a href="https://chrome.google.com/webstore/detail/find-website-used-fonts/lnebjgioddkafaldaaeooeghlcholnnp" rel="nofollow noreferrer">Find Website Used Fonts</a> to identify the different typefaces used on a website or web page.It's a free chrome extension that also lets you preview a typed in text of your own in the different font-styles identified from a webpage. Super convenient and easy to use, it's also free so that's a major plus. Hope this helps

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

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 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.

<ol>
<li>It turns out the wrong list was being used, which solved my original Verdana problem. But I'm still curious if there's a way to identify the actual rendering font.</li>
</ol>

How can I determine what font a browser is actually using to render some text?

Linux

我的CSS为整个页面指定了"font-family: Helvetica, Arial, sans-serif;“。它看起来像是在某些部分使用了Verdana。我希望能够验证这一点。我尝试从浏览器复制并粘贴到Word中，但不能保留字体。有没有什么方法可以确定一段文本实际上使用的是哪种字体？Firebug将给出above...

问如何确定浏览器实际使用哪种字体来呈现某些文本？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何确定浏览器实际使用哪种字体来呈现某些文本？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何确定浏览器实际使用哪种字体来呈现某些文本？
EN