字型選擇器

字型檢測是一個快速的視覺檢查工具，用於顏色、間距和對比度。它可以在任何網站上運行，並在一個緊湊的面板中打開，記住安全的大小。您可以通過點擊窗口中的叉號或點擊圖標來關閉擴展的字型讀取器。

🔥 核心亮點

⭐ 清晰的 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️⃣ 當您需要更改某些內容而不被擴展阻止時，設置暫停模式。

❤️ 最後的話

我們真的努力製作一個出色的選擇器擴展，並始終歡迎您的反饋以進一步改進。安裝並享受舒適的使用體驗。