Paul Irish
现在，Chrome 开发者工具可以告诉您具体使用哪种字体来呈现文本。
字体堆叠很有趣，它更像是一种建议，而不是要求。由于您建议的系列可能不存在，因此您让每个用户的浏览器处理回退情况，提取可用的系列并使用该系列。
font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
作为开发者，您想知道实际使用的字体是什么。具体方法如下：
现在，在计算样式下，您会看到该元素所使用的字体的摘要。请注意以下几点：
- 开发者工具会报告 Chrome 文本渲染层使用的实际字体。无需再猜测
serif或sans-serif实际解析为哪个字体。 - 我的 Web 字体能正常使用吗？有时，很难区分您看到的是 Web 字体还是后备系统字体。现在，您可以验证是否已应用 Web 字体。在上面的示例中，我们将 Lobster 作为
::first-line样式的 Web 字体拉取下来。 - 堆栈中的回退字体很容易被发现。上文中，我们拼写了 Merriweather 这个错拼字，因此系统未使用该字体，而是改用 Lobster。
- 是 Arial 还是 Helvetica？请咨询设计师，或者... 请咨询开发者工具。;)
- 与 Google Webfonts、Typekit、本地字体、@font-face 字体、Unicode 字形和所有其他有趣的字体来源都非常契合。
祝您使用愉快！如果您有任何反馈，欢迎随时留言。