Fonts Ninja 字型辨識擴充，滑鼠停一下認出網頁字型與售價

用 AI 摘要這篇文章：

ChatGPT Claude Perplexity Google Grok

看到喜歡的字型，多數人的下一個動作是打開瀏覽器開發者工具，翻 CSS 找 font-family。問題是網頁裡寫的名字經常不可信：設計師把字型檔改名再上線、公司把商業字型包成自家名稱、快取的最佳化檔案根本對不上原名。Fonts Ninja 處理的就是這個環節。它是巴黎字型平台 Emdash 經營的免費瀏覽器擴充，滑鼠停在文字上，它顯示家族名稱、粗細、字級、行高與顏色，點開還能查到這套字型有幾個樣式、誰設計的、要多少錢。

它跟常見字型查詢擴充的差別在一個關鍵選擇：只讀 CSS 宣告的工具看的是網頁自己報的名字，Fonts Ninja 讀字型檔本身。這個差異值得拆開來看，因為它同時決定了辨識力，也決定了你的資料會出門多少。

別的工具讀 CSS，這一個把字型檔抓下來算指紋

先講一般做法的上限。讀 CSS 的工具回答的問題是「這個網頁宣稱自己用什麼字型」，不是「你眼前這個字形到底是哪一套」。只要網站把字型檔改名，或用工具產生最佳化過的子集檔案，CSS 裡的名字就與現實脫鉤，查出來的結果看起來煞有介事，實際上是張冠李戴。

Fonts Ninja 宣稱靠一套叫 Font DNA 的演算法分析真實字型檔，商店文案進一步說它對改名或自訂的網頁字型照樣有效。從 Firefox 版擴充的程式碼看，這套演算法的輪廓相當樸素：它到頁面的樣式規則裡找出所有字型宣告，接著把網頁實際載入的字型檔抓下來，讀取二進位內容，解析出單位尺寸與度量資訊，算出檔案的 MD5 雜湊，然後把這包資料壓縮後送到自家的 api-v2.fonts.ninja 伺服器，用雜湊值對帳字型資料庫。

換句話說，「讀字型檔」的三個字背後是一套指紋比對：字型檔的位元組內容就是身分證，改 CSS 名稱動不了它，重新包裝過的檔案才會。這也是官方敢說改名也認得的底氣來源，同時暗示了一個讀者該知道的現實：與字型資料庫的對帳不是在你電腦上完成的，發生在伺服器那一端。

Pin

日常使用時畫面上看到的東西，官方工具頁列得很完整。滑鼠停在任何文字上，浮出的資訊卡有家族名稱、字級、行高與顏色，直接取自瀏覽器算好的樣式；點家族名稱會展開詳細資料，包含樣式數量、鑄字廠、售價，以及這套字型支援的文字系統。除了單點查詢，它還給出整頁的字型清單，一次列出這個網頁用到的所有家族，做網站風格盤點或向客戶簡報配字邏輯時，這份清單比逐一懸停省事得多。

Pin

指紋怎麼算：從 @font-face 到 api-v2.fonts.ninja

把流程再拆細一層，讀者比較容易判斷它值不值得信任。擴充在頁面上做的事，起於掃描樣式規則，收集每個字型宣告對應的下載網址；接著把這些字型檔抓下來，這一步多數時候帶著頁面自己的來源標頭去請求，在瀏覽器眼裡就像頁面自己在載字型，被跨域規則擋下時才改由擴充背景抓取；載回來的檔案在本機解析結構，取出度量資訊並計算雜湊；整包結果送出去之後，伺服器回傳一份以雜湊值為索引的比對結果，擴充再把它貼回畫面上的每個文字元素。

程式碼裡還能看到幾個附帶設計。辨識結果帶著一個請求編號，之後你從擴充點進字型詳細頁，這個編號會跟著網址走，站方因此能把「你點了哪個結果」接回「哪一次辨識」。擴充持有一台機器的識別碼，附在前往官網的連結上。帳號功能走 Google 登入，擴充與官網之間用一次性 nonce 交換權杖。個人設定存在瀏覽器的同步空間，跟著你的瀏覽器帳號走。

這些細節單獨看都是常見工程做法，合起來看就描出了資料流向的完整形狀，下一節把它與官方隱私文件對齊。

辨識一次，哪些東西會離開你的瀏覽器

Chrome 商店對這個擴充的資料揭露寫得明白：它處理個人識別資訊、驗證資訊與位置，同時宣告資料不出售、不用於與核心功能無關的目的。對一個字型工具來說，這個清單比多數人預期的長，但對照程式碼就說得通：辨識請求送出字型檔內容，登入功能需要驗證資訊，價格與內容在地化需要位置。

隱私政策提供了更細的承諾。2026 年 8 月 31 日生效的版本寫著：只有在使用者主動請求辨識時，才會收集當下頁面的網址；這些網址不用於監看瀏覽行為，也不會用來建立與個人身分綁定的瀏覽紀錄。這份文件以歐盟 GDPR 與法國個資法為準據，營運主體是註冊編號 850.815.333 的 Emdash 公司，登記地址在巴黎。條款另外設了十八歲的使用年齡門檻，公司採購或教育場景要留意。

不過「不主動請求就不出門」與「完全不出門」是兩句話。實際行為是：你每次讓它辨識，字型檔內容與頁面網址就會送到站方位於歐盟的伺服器；收藏與點進購買頁的動作則在連結上帶著機器識別碼與請求編號，試用純在本機完成，不對外發請求。拿隱私的分類來說，這是透明的資料收集，屬於可接受的那端，畢竟揭露完整、主體明確、法規框架清楚；但它終究是把資料庫比對放在雲端，離線時只剩本機解析的家族名稱，價格與鑄字廠資訊拿不到。期待字型工具離線也能用的讀者，這裡的期望要先校正。

四個瀏覽器，四種存在感

截至 2026 年 9 月的商店數字，Fonts Ninja 的主力毫無疑問在 Chrome：九十萬位使用者、4.4 顆星、九百則出頭的評分數，擴充在商店裡掛著精選標章。Firefox 版有一萬零一百多位使用者，評分 4.64，人數與 Chrome 差了將近九十倍，分數反而更高。Edge 版存在，但評分只有 3.7 顆星、樣本三則，幾乎等於沒有人用。

手機端的形狀又不一樣。iPhone 上它是透過 App Store 的 Safari 擴充安裝，2020 年 3 月上架，最低系統 iOS 15，介面語言只有英文，美國商店還沒有累積出評分。Android 的 Chrome 不支援這類擴充，所以手機版的經驗目前是 iOS 限定。

維護節奏倒是齊的。三個商店的最新版都是 8.0.8，Chrome 版 8 月 14 日更新，Firefox 與 iOS 版 8 月 17 日跟進。一個 2015 年就開站的服務，超過十年後還能在三天內跨三個平台出更新，這在小型工具裡不算常見。官方行銷文案說它受到九十五萬位設計師信任，對照可數的商店安裝量約九十一萬，量級相同，把行銷字眼當參考即可。

試用是另一個值得單獨講的功能。辨識出字型後，擴充能把該字型直接渲染回你眼前的網頁，讓你在真實版面上預覽換字效果；從程式碼看，這一步是在頁面注入字型物件，讓瀏覽器以該家族重新繪製文字，用的正是頁面自己載入的那份字型檔，在本機重新註冊成可套用的家族。對做提案的人來說，這比開繪圖軟體貼圖省一道工：看到競品網站的字型，當場換到自己頁面上比較，喜歡再進入報價。商用授權與展示用途的界線，照鑄字廠在站內的定價與授權條款走，試用不等於取得生產授權，這筆帳在下單前要看清楚。

中文網站要有心理準備

英文網頁上它的使用情境很直接，中文網站則要面對兩個現實。官方這邊沒有對中文做任何承諾：擴充介面只有英文，文件與行銷都以拉丁字型圈為主場，首頁與檢索結果裡看得到的鑄字廠清一色是歐美與拉丁字型工作室。比對原理那邊則有先天限制：中文字型檔案龐大，網站實務上幾乎都會做子集化，只留下頁面用到的幾百個字。子集化會改寫檔案的位元組內容，雜湊值跟著改變，與鑄字廠原始檔案就對不起來。這時它會退回本機解析字型檔內部的名稱，家族名多半仍然正確，但價格、鑄字廠、樣式數這些要靠資料庫比對的資訊就拿不到，等於知道名字卻斷了來源。

這是從機制推出的推論，官方沒有提供中文場景的命中率數字。實用的態度是把辨識結果當線索，別當判決：在中文網站看到的名稱可以先用，但來源與價格資訊不一定跟得上，要採購就得自己再查一輪；在英文網站看到的結果後設資料齊全，可信度高得多。真的要找中文可商用字型，另外兩條路比較實際：一是直接看免費可商用中文字型整理這類清單，二是用商業字型的試用與採購流程熟悉授權怎麼計價。做字型相關的排版實驗，也可以先從文字轉手寫風格工具開始玩起。

免費的原因：它是字型市集的店面

免費、沒有第三方廣告與訂閱牆，這個擴充的商業動機不在工具本身。fonts.ninja 網站的本業是字型索引與銷售：首頁一格一格的家族卡片標著鑄字廠與起售價，首頁看得到的起價最低從 15 美元起，從擴充或字型卡片一鍵就通到購買。鑄字廠上架免費，站方從銷售端獲利，實際分潤方式未公開；關於頁把這套模式講得直白，說要讓字型設計師獲得應有的報酬。

擴充在這條動線上的位置很清楚：辨識把「看到」變成「知道是哪一套」，試用功能讓你把字型直接套回當前網頁預覽，收藏把它放進清單，接著點一下就通到購買頁。對設計師來說這是順手的採購研究工具，對站方來說每一次辨識都是一次精準的進店。理解這層利益結構，也就理解了為什麼相似字型推薦、書籤同步這些功能做得起勁：它們服務的是轉換率。

這不代表工具被汙染。辨識結果給的是客觀的家族與廠商資訊，試用與收藏不綁帳號也能用，付費壓力只出現在買字那一刻。只是讀者該知道，手上的免費工具是別人生意的門面，資料流向與推薦排序都為那門生意服務。

值不值得裝，看你在哪種網頁上工作

綜合下來，最適合它的族群是：常逛英文網頁、看到字型會想知道出處、而且願意用一次雲端比對換取準確名稱的設計工作者。反過來說，三種情況要先想一下。在意任何資料出門的人，要接受每次辨識都有字型檔與頁面網址送往站方位於歐盟的伺服器；主要在中文網站工作的人，辨識可靠度會明顯打折，理由如前述的子集化問題；期待手機上隨手查的人，目前只有 iPhone 的 Safari 可裝。

幾個目前沒有答案的問題：辨識準確率的具體數字官方從未公布，字型資料庫的收錄規模同樣只有「世界最大字型索引」的行銷字眼而無可驗證的計數，中文場景的表現則是機制推論，官方也沒有提供實測數字。要自己驗證很簡單：裝上擴充，挑幾個你知道答案的網站（例如用了知名開源字型的網站）先測一輪，再拿改過名或子集化過的網站對照，幾分鐘就能摸出它在你自己的使用場景裡的底。想得到的不過是看到漂亮字型時能立刻知道名字與價格的話，就辨識、試用、收藏到購買這條動線的完整度來說，目前沒有看到同規格的替代。