檢查任何頁面嘅字體
將滑鼠游標移到文字附近，然後撳一下文字，就可以睇到即時字體、大小、重量、樣式同顏色，喺元素附近或者側欄入面，而唔使打開 DevTools 。
what the font - font finder
識別任何網頁元素上面嘅字體同 CSS 字體 — 系列、大小、重量、行高、字母間距、顏色同對比度 — 然後複製或者匯出你需要嘅內容，而唔使離開標籤。
專為即時排版而設
特徵
字體細節係重要嘅
喺一個面板入面讀取行高、字母間距、轉換、裝飾同對比度（包括 AAA/AA 提示）。
一鍵複製 CSS
複製你檢查過嘅元素嘅字體系列、顏色或者準備好嘅 CSS 片段。
喺頁面上面編輯樣式
喺現場元素上面調整重量、大小、間隔、顏色等等，然後喺探索完之後重設。
頁面上面嘅所有字體
喺審核設計系統嗰陣，掃描頁面上面嘅獨特文字樣式，然後喺佢哋之間跳轉。
匯出同 Google 字體
將字體匯出為 SCSS 或者 JSON ，或者打開 Google 字體搜尋，搵你搵到嘅家族。
設計上好簡單
關於我哋
一個 Chrome 擴充程式，可以顯示即時字體（字體、大小、重量、顏色同對比度），等你可以喺任何網頁檢查、複製同埋匯出字體。
- —
- 發佈嘅使用總數
- —
- 已經驗證嘅評論數量
Chrome 網上商店
關於我哋嘅用戶
說明性意見佔位符 — Chrome 網上商店評論會喺連接嗰陣取代呢啲。
★★★★★
“我可以喺唔使打開 DevTools 嘅情況下喺實時網站攞到家庭、體重同十六進制顏色。”
★★★★★
“喺一個面板複製 CSS 同對比度，正正就係我喺審計期間需要嘅嘢。”
★★★★★
“頁面上面嘅所有字體都可以幫我快速發現到達網頁上面唔一致嘅字體。”
三個快速步驟
點樣用
-
安裝個擴充程式
喺 Chrome 網上商店加入 what the font - font finder ，然後將佢固定喺工具列。
-
開始檢查
打開彈出式視窗，開始檢查，然後將滑鼠游標移到頁面上面嘅任何文字。
-
複製或者匯出
複製 CSS 、匯出樣式、打開 Google 字體，或者瀏覽頁面上面嘅所有字體。
安裝之前嘅答案
常見問題
我點樣識別網站上面嘅字體？
安裝 what the font - font finder ，開始檢查，將文字滑鼠悬停，然後撳一下就可以打開面板，包括家族、尺寸、重量同顏色。
我可唔可以複製我見到嘅類型嘅 CSS ？
係。你可以喺面板入面複製所檢查元素嘅字體系列、顏色或者 CSS 片段。
佢係咪每頁都適用？
佢可以喺普通嘅網站標籤上面運作。檢查唔到 Chrome 系統頁面同埋部分受限制嘅網址。
我可唔可以睇到頁面上面所有用嘅字體？
用頁面上面嘅所有字體列出獨特嘅可見文字樣式，然後喺詳情面板入面打開任何一個。
我可唔可以喺檢查嗰陣改變外觀？
係。喺元素上面編輯重量、大細、間距、顏色同相關樣式，然後重設嚟還原原始版本。
我喺邊度打開 Google 字體？
當家庭睇落可以搜尋嗰陣，用面板入面嘅 Google 字體操作嚟打開嗰個名嘅查詢。