瀏覽網頁碰到絕美字體及符合心中排版樣式，想知道它的字體名稱及其使用的 CSS 樣式，Font Finder & Style Detector 就是專門設計用來解決這個痛點的工具。
Font Finder & Style Detector( 網頁字型搜尋與樣式偵測器 ) 是一個瀏覽器擴充功能，所以 Edge 及 Chrome 都可以安裝使用，其採用先進的字體識別技術，只要將滑鼠輕輕移動到網頁上的任何文字，就能立刻顯示出字體的詳細資訊。不僅完全免費使用，更支援全球所有網站，讓你秒變字體、CSS 樣式偵探！
Font Finder Style Detector 功能特色
即時字體識別，準確率高達 95%
Font Finder & Style Detector 最佳的功能就是「即時偵測」！你只需要將滑鼠移動到想要識別的文字上方，系統就會自動彈出詳細的字體資訊視窗，包括：
- 體家族名稱：完整的 Font Family 資訊
- 字體樣式：粗體、斜體、正常體等變化
- 字體大小：精確到像素的尺寸資訊
- 顏色代碼：RGB 或 HEX 色彩數值
- 行高設定：文字行距參數
支援所有網站，無一例外
不管是 Google、Facebook、Instagram，還是任何個人部落格或企業網站，Font Finder & Style Detector 都能完美運作。採用了先進的 DOM 解析技術，能夠準確讀取網頁的 CSS 樣式資訊，即使是動態載入的內容也不成問題。
操作簡單，新手也能秒上手
Font Finder & Style Detector 的介面設計超級直覺！不需要複雜的設定，安裝後點擊瀏覽器工具列的圖示啟用，然後就可以開始「獵字體」了。整個過程就像在玩遊戲一樣輕鬆有趣。
Font Finder & Style Detector 完整安裝使用教學：
1.從 Chrome 應用程式商店安裝
首先打開 Chrome 或 Edge 瀏覽器，前往 Chrome Web Store 搜尋「Font Finder & Style Detector」，或者直接點擊官方連結。看到擴充功能頁面後，點擊「加到 Chrome」按鈕，依指示就能完成安裝。
完成安裝，可以看到提示與設定頁面，而這個設定完全可以不需要變動。
2.啟用字體偵測模式
安裝完成後，你會在瀏覽器右上角看到 Font Finder & Style Detector 的圖示。前往任何你想要分析字體的網站，然後點擊這個圖示來啟用偵測模式。圖示會變成彩色狀態，表示工具已經準備就緒。
將滑鼠移動到任何文字上，Font Finder & Style Detector 會立刻彈出一個資訊框，顯示該文字的完整字體資訊。你可以在頁面上隨意探索，每個不同的文字元素都可能使用不同的字體設定。
3.記錄和應用字體資訊
找到喜歡的字體後，你可以記下字體名稱，然後在 Google Fonts、Adobe Fonts 或其他字體資源網站尋找相同或類似的字體。對於網頁開發者來說，還可以直接複製 CSS 屬性應用到自己的專案中。
Font Finder & Style Detector「字型搜尋器與樣式偵測器」絕對是每個設計愛好者都該收藏的瀏覽器擴充功能神器！，不僅 Chrome 連 Edge 同樣可安裝使用，它完美結合了「零成本使用」與「專業級功能」的雙重優勢，且操作簡單，完全沒有任何門檻，這款工具就像擁有火眼金睛一樣，當你在任何網頁上瀏覽時，只需輕輕移動滑鼠到想要分析的文字上，它就能瞬間破解該文字的「身分密碼」—— 不管是字型家族名稱、精確的字體大小、行距設定，還是色彩編碼，通通一覽無遺地呈現在你眼前。