如何在设置css font-family时获取网页上div的真实字体名称？

Question

我们可以使用css font-family设置网页字体，当出现问题时，我需要知道每个元素的确切字体名称.这可能取决于系统字体或浏览器配置，了解实际字体将有助于调试案例。

因此，如果我在 OSX 下使用 chrome，有什么方法可以获得网页的真实字体 div？

Answer 1

如果您指的是调试，您可以右键单击，选择检查元素，您将在样式旁边的控制台中看到一个名为 "computed" 的选项卡，其中加载了所有 css元素，在那里你可以看到使用的是什么字体。但是，如果用户在他的系统上安装了 "times" 字体，例如 "Arial"，您将看到它呈现 arial 但显示 "times" 个字符。