如何从 CSS 字体系列列表中知道浏览器使用的是哪种字体？
How to know which font is used by browser from CSS font-family list?
在 web 开发中，首选字体列表放在 CSS 的字体系列中，如下例所示。
font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
我想知道浏览器选择了哪种字体来显示内容。我知道我可以在浏览器开发者工具中手动修改font-family中的字体，观察显示内容的变化来识别浏览器使用的字体。但它太笨拙了，需要非常敏锐的眼睛T_T。
谁能知道更好的方法？非常感谢！
按顺序排列（如果可用）。
在您的示例中，它将首先使用 Roboto，并保留下一个 ("Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif) 作为备份，如果它可用的话。
您好，在 mozilla firefox 上使用 Font Finder 插件。
它是最好的插件，它将为您提供应用在您的元素上的所有样式。！
已更新
如我所愿。安装 Font Finder 后，select 目标文本并在上下文菜单中选择 [Font Finder>Analyze Selection]（右键单击）。它将显示正在渲染的字体，如下图所示！
在firefox-developer-tools, Inspector > Fonts tab displays "Fonts used" by the currently inspected element. Edit fonts MDN
在 google-chrome-devtools 中，元素 > 计算选项卡显示 "rendered fonts"
对于当前检查的元素。 "Even if its name isn’t in the font-family list."whats-that-font , Hackernoon
火狐浏览器：-
Chrome :-
感谢@xuemind 建议编辑
在 web 开发中，首选字体列表放在 CSS 的字体系列中，如下例所示。
font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
我想知道浏览器选择了哪种字体来显示内容。我知道我可以在浏览器开发者工具中手动修改font-family中的字体，观察显示内容的变化来识别浏览器使用的字体。但它太笨拙了，需要非常敏锐的眼睛T_T。
谁能知道更好的方法？非常感谢！
按顺序排列（如果可用）。
在您的示例中，它将首先使用 Roboto，并保留下一个 ("Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif) 作为备份，如果它可用的话。
您好，在 mozilla firefox 上使用 Font Finder 插件。 它是最好的插件，它将为您提供应用在您的元素上的所有样式。！
已更新
如我所愿。安装 Font Finder 后，select 目标文本并在上下文菜单中选择 [Font Finder>Analyze Selection]（右键单击）。它将显示正在渲染的字体，如下图所示！
在firefox-developer-tools, Inspector > Fonts tab displays "Fonts used" by the currently inspected element. Edit fonts MDN
在 google-chrome-devtools 中，元素 > 计算选项卡显示 "rendered fonts" 对于当前检查的元素。 "Even if its name isn’t in the font-family list."whats-that-font , Hackernoon
火狐浏览器：-
Chrome :-
感谢@xuemind 建议编辑