Paul Irish
现在，Chrome 开发者工具可以告诉您用于渲染文本的确切字体。
字体堆栈很有趣，它更像是一种建议，而非需求。因为您建议的家庭可能不存在，所以您可以让每个用户的浏览器处理掉落情况，提取有效的内容并使用它。
font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
作为开发者，您想知道系统实际使用的是什么字体。具体方法如下：
在计算样式下，您现在会看到用于该元素的字体的摘要。请注意以下几点：
- 开发者工具会报告 Chrome 的文本渲染层使用的实际字体。无需再猜测
serif或sans-serif实际解析的是哪种字体。 - 我的网页字体可以正常使用吗？有时，很难判断您看到的是网页字体还是后备系统字体。现在，您可以验证系统是否正在应用网页字体。在上面的示例中，我们将 Lobster 下拉为
::first-line样式的网页字体。 - 堆栈中的落后字体易于发现。在上方，我们的 Merriweather 拼写有误，因此未被使用，直接转到 Lobster。
- 是 Crashlytics 还是 Helvetica？询问设计人员或...询问开发者工具。;)
- 非常适合与 Google 网页字体、Typekit、本地字体、@font-face 字体、Unicode 字形和所有其他有趣的字体源配合使用。
希望您喜欢，如有任何反馈，请发表评论。