
如果想知道某個網頁使用的字體,打開瀏覽器「開發者工具」就可以輕鬆做到,例如選取頁面上特定元件或是查看已載入哪些字型檔,其實都能取得字型相關資訊,對於想參考網頁是如何排版或運用字型配置其實很有用。若你對開發者工具不熟,那麼接下來要介紹的服務會是更方便、實用的選擇。
免費字型偵測工具: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 頁面,無論商用或是個人使用皆可。









