Paul Irish
Chrome 開發人員工具現在可以告訴您轉譯文字時使用的確切字體。
字型堆疊是一種有趣元素，建議項目比需求量更實用。由於您建議的家族可能不存在，因此您讓每位使用者的瀏覽器處理未處理的情況，並提取可用的內容並加以使用。
font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
開發人員想知道實際使用的字型。運作方式如下：
現在，「運算樣式」下方會顯示該元素使用的字體摘要。這裡有幾點要注意：
- 開發人員工具會回報 Chrome 文字轉譯層使用的實際字體。您不必再猜測
serif或sans-serif實際解析為哪個字型。 - 我的網頁字型運作正常嗎？有時很難判斷您看到的是網路字型還是備用系統字型。現在，您可以確認系統是否套用網路字型。在上述範例中，我們將使用 Lobster 做為
::first-line樣式的網路字型。 - 堆疊中的落格字型很容易辨識。上方有個錯字「Merriweather」Merriweather，因此系統不會使用這個字，而是改用「Lobster」。
- 是 Arial 還是 Helvetica？請向設計人員或開發人員工具提出問題。；)
- 這項功能適用於 Google Webfonts、Typekit、本機字型、@font-face 字體、Unicode 字符，以及其他所有有趣的字型來源。
歡迎使用這項功能，並在留言中提供意見。