如果想知道某個網頁使用的字體，打開瀏覽器「開發者工具」就可以輕鬆做到，例如選取頁面上特定元件或是查看已載入哪些字型檔，其實都能取得字型相關資訊，對於想參考網頁是如何排版或運用字型配置其實很有用。若你對開發者工具不熟，那麼接下來要介紹的服務會是更方便、實用的選擇。
免費字型偵測工具：Font Stealer 簡介
本文要推薦的「Font Stealer」是近期在社群網站討論度相當高的免費工具，輸入網址、即可取得網站使用的字型和下載鏈結等，對設計師來說相當有幫助！有些時候即使去查看網頁上的字型檔，也不一定能從檔名看出這是什麼字型，在 Font Stealer 會顯示字型名稱、格式、字型預覽和字重等資訊。
值得一提的是 Font Stealer 還能找出某個字型的免費替代方案，並提供 Google Fonts 對應的鏈結。
網站資訊
網站名稱：Font Stealer
網站鏈結：https://font-analyzer-six.vercel.app/
Font Stealer 使用教學
開啟 Font Stealer 後直接輸入要查詢字型的網頁鏈結，點選「Extract」就會顯示結果。
這項服務支援 WOFF、WOFF2、TTF 和 OTF 格式，只會偵測已傳送到瀏覽器進行渲染的檔案，不會繞過 DRM、解密安全檔案或是存取私人目錄，這是合法工具可以放心使用。
搜尋結果會顯示在網頁上找到的字型數量、字型名稱、格式、預覽、字重（Font weight）等資訊。
在我寫這篇文章時 Font Stealer 以法律因素為由暫時關閉字型下載功能，不過使用者依然可以取得字型名稱等資訊，再透過搜尋引擎等方式去查找字型資訊。
點選字型下方的「Find Free Alternatives」會尋找類似的免費替代字型，同時有視覺上相似度百分比，點選就會開啟 Google Fonts 頁面，無論商用或是個人使用皆可。
想在 Google 搜尋優先看到免費資源網的內容？
加入 Google 偏好來源
探索更多來自 免費資源網 的內容
訂閱即可透過電子郵件收到最新文章。
