字型選擇器
Extension Actions
- Extension status: Featured
使用字型選擇器進行檢測,並作為 Google 字型搜尋擴充功能。這是一個用於識別網站上字型大小的選擇器,搭配字型搜尋工具使用。
字型檢測是一個快速的視覺檢查工具,用於顏色、間距和對比度。它可以在任何網站上運行,並在一個緊湊的面板中打開,記住安全的大小。您可以通過點擊窗口中的叉號或點擊圖標來關閉擴展的字型讀取器。
🔥 核心亮點
⭐ 清晰的 CSS 複製預設:全部、字型查找器、排版、顏色。
⭐️ 在頁面上進行即時檢查,懸停和點擊任何元素。
⭐️ 網頁/本地徽章的 Chrome 字型選擇器應用呈現實體。
⭐️ 保存的元素用於排版參考和組件。
📌 工作原理
懸停或點擊以鎖定元素;面板顯示選擇器,複製 CSS。字型查找器的增強模式告訴您是否被阻止訪問。每次啟動擴展時都需要下載,但在同一網站的字型選擇器中,您不需要再次給瀏覽器授權。
⚡️ 主要操作
1. 懸停以預覽。
2. 點擊鎖定選擇。
3. 複製乾淨的 CSS。
4. 更改字型選擇器。
5. 保存任何元素。
6. 切換排版。
🪐 顯示與窗口
顯示或隱藏排版、顏色和間距部分,以保持 UI 簡約。字型選擇器 Chrome 擴展的窗口緊貼您的屏幕,從元素選項卡開始,並且不會最小化打開。
📚 複製預設
- 完整樣式區塊的所有 CSS 數據。
- 用於佈局準備的文本集的排版。
- 用於字型擴展的調色板顏色。
🧩 排版詳情
字型家族和堆疊、可讀名稱的字重、大小、行高、字母/單詞間距、樣式、變體,以及快速字重複製按鈕。字型查找器 Chrome 擴展被分組,以便您可以看到基本信息而不會雜亂。
🎯 額外福利
1️⃣ 在允許的域上快速加載基於域的本地信息。
2️⃣ 安全範圍字型大小選擇器 Chrome 擴展的屏幕外調整大小。
3️⃣ 嚴格防止重複保存的項目,以保持整潔。
💡 誰受益
前端開發人員可能會在網站上找到字型,考慮開發人員驗證呈現的數據和間距;UI/UX 設計師審核排版、顏色和對比度;QA/可及性團隊快速檢查 WCAG 等級。此外,前端查找器為團隊共享數據以保持一致的設計系統。
🚀 快速優勢
➤ 乾淨的 CSS 數據。
➤ 快速檢查。
➤ 一個字型提取器。
➤ 對比度準備。
➤ 保存的網頁參考。
➤ 緊湊的面板。
🧶 暫停模式
暫時停止選擇,以便您可以自由與頁面互動,網頁字型選擇工具將不會工作。當您需要滾動、點擊或觸發 UI 狀態而不失去位置時,點擊它—然後在單一步驟中恢復檢查,您可以在網站上識別字型。
🧷 收到的項目內容
• 網頁的 URL。
• 主機名印記。
• 一個字型樣式選擇器。
• 大小和字重。
• 樣式 + 行高。
🌟 保存反饋
當您在網站的字型選擇器中執行某些操作時,面板會顯示明確的視覺提示:勾選標記的吐司更新保存計數器,複製操作觸發圖標上的簡短複製消息提示,字型選擇器的拒絕訪問狀態會顯示警告,以便您在繼續之前確切知道需要修復的內容。
🧠 常見問題
Q: 我需要打開開發者工具嗎?
A: 不需要,一切都在浮動面板中。
Q: 這會減慢我的頁面嗎?
A: Chrome 擴展字型選擇器經過良好優化。
Q: 它能在任何地方運行嗎?
A: 是的。增強模式需要 HTTPS 來下載本地數據。
🔎 暫停與活動
當檢查器處於活動狀態時,網站的字型查找器會抓取您的光標以突出顯示元素,因此頁面點擊和懸停會被攔截。打開暫停,擴展“讓步”:您可以正常點擊按鈕並與頁面互動。準備再次使用字型家族選擇器了嗎?關閉暫停並繼續。
🧰 窗口控制
◆ 拖動以重新定位面板。
◆ 調整邊緣以適應您的視圖。
◆ 字型選擇器記住大小。
◆ 緊貼您當前的屏幕。
◆ 最大化以獲得安全的大視圖。
📝 與其他工具的比較
與主要報告聲明的字型家族名稱的 What Font 擴展不同,我們的工具揭示實際呈現的來源,提供一鍵清晰的 CSS 預設複製並保存完整的元素快照。與 whatfont 擴展不同,您還可以加載本地預設以提高準確性並保持列表。
☘️ 開始使用
1️⃣ 開始使用網站字型選擇器下載,點擊圖標,懸停或點擊一個元素。
2️⃣ 通過隱藏您現在不需要的數據部分來探索窗口中的信息。
3️⃣ 當您需要更改某些內容而不被擴展阻止時,設置暫停模式。
❤️ 最後的話
我們真的努力製作一個出色的選擇器擴展,並始終歡迎您的反饋以進一步改進。安裝並享受舒適的使用體驗。
Latest reviews
- Василиса Котлова
- Amazing!
- Nguyễn Đẹp Trai
- ưhat the font
- Nnamdi Ifeanyi
- Thanks for the extension Very nice and easy to use
- Евгений Ветлов
- It is very convenient to recognize fonts with this tool!