設計師喺瀏覽網站時，經常見到靚仔字型但唔知係乜，抄代碼又麻煩又唔夠快。Font Finder Style Detector 呢個 Chrome 擴充功能，就專門解決呢個痛點，一click 就顯示網頁上嘅字型名稱、大小、顏色甚至 CSS 樣式。全方位揭露字體資訊，特別適合 UI/UX 設計師、網頁開發者同 font 愛好者，幫你快速收集靈感來源，慳返好多時間。
滑鼠懸停即現字型詳情，無需額外步驟
裝咗 Font Finder 之後，打開任何網頁，滑鼠移到文字上就會彈出 tooltip，顯示 font-family、font-size、font-weight、color 同 line-height 等關鍵資訊。呢個即時預覽功能喺 Chrome 擴充入面算係高效嘅做法，唔使打開開發者工具翻 CSS，特別適合快速 audit 網站設計。相比其他工具，佢嘅 hover 偵測覆蓋範圍廣，包括圖片內嵌文字同動態載入內容。
一鍵複製完整 CSS 樣式，加速設計工作流
發現心水字型組合之後，按右鍵或快捷鍵就能 copy 全套 CSS 代碼，直接貼去 Figma、Photoshop 或 code editor。呢個功能喺實戰中好實用，尤其係重建 landing page 或 A/B test 時，Font Finder 提供嘅樣式輸出乾淨易讀，包括 font-family fallback 同 vendor prefix。開發者仲可以透過擴充面板查看全頁字型清單，按顏色或大小分類，方便篩選同匯出。
同類擴充入面，Font Finder 嘅優勢在於支援多層嵌套元素偵測，就算文字有 shadow 或 transform，依然準確捕捉原始樣式。日常用嚟分析電商網站或 blog，幾分鐘就收集到十幾款字型，遠比手動 inspect 快。
自訂過濾與黑名單，提升偵測精準度
唔想見到廣告或系統字型干擾？Font Finder 內建黑名單功能，讓你排除特定 domain 或 font name，例如 block 掉 Arial 同系統 default。同時支援自訂過濾，只顯示 custom web font 或 Google Fonts，呢點對專業設計師嚟講好重要，避免資訊過載。面板介面簡潔，拖拉調整設定，唔使重啟瀏覽器即生效。
另外，擴充仲有顏色拾取器整合，一齊睇字型配色方案，幫你即時記錄設計 palette。無論係 freelance 接 project 定公司團隊 audit，呢個工具都成為日常必備，提升效率至少 30%。
輕量無廣告，完美融入 Chrome 日常瀏覽
Font Finder 體積細過 100KB，唔會拖慢頁面載入，純後台運行只喺需要時激活。喺 Chrome Web Store 上架多年，穩定性高，兼容最新 Chromium 版本。無論 Mac、Windows 定 Linux，用家都可以無痛安裝，唔使額外權限。對於學生學設計或自媒體 creator，呢款免費工具係入門神器，學會用之後再搵 premium font manager 升級。
總括嚟講，Font Finder Style Detector 將字型偵測變得直觀高效，解決咗設計流程中最大嘅瓶頸。裝咗之後，你會發現瀏覽網頁變成靈感收集之旅。
產品名稱：Font Finder Style Detector
官方網站：https://chromewebstore.google.com/detail/font-finder-style-detecto/lk
支援平台：Chrome 瀏覽器
