開發人員工具的答案:是什麼字型?

Chrome 開發人員工具可以得知目前用於轉譯文字的字體

字型堆疊不算是有趣,更是建議由於您所建議的家庭可能不存在,您就可以讓每位使用者的瀏覽器處理掉落後的情況,也就是找出符合上述條件的項目並使用該功能。

font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;

開發人員會想知道目前使用的字型是哪種字型。運作方式如下:

開發人員工具中的字型系列

「Computed Styles」(計算樣式) 下方現在會顯示該元素使用的字體摘要。請留意以下事項:

  • 開發人員工具正在回報 Chrome 文字轉譯層所使用的實際字體。不必再猜測 serifsans-serif 實際會解析哪個字型。
  • 我的網頁字型是否正常運作?有時很難判斷自己看到的是否為網頁字型或備用系統字型。現在您可以確認系統是否套用網頁字型。在上述範例中,我們將從 Lobster 提取為 ::first-line 樣式的網路字型。
  • 很容易找出堆疊中的拋光字型。上文中有「Merriweather」的錯字,所以沒有用到,因而落入龍蝦。
  • 請問是 © 或 Helvetica?不妨詢問設計人員,或詢問開發人員工具。;)
  • 這項功能適用於 Google 網頁字型、Typekit、本機字型、@font-face 字體、Unicode 字符,以及所有其他有趣的字型來源。

希望您喜歡我們的服務,如有任何意見,歡迎留言。