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 字形和所有其他有趣的字体源搭配使用效果出色。
祝您使用愉快！如果您有任何反馈，欢迎随时留言。