在瀏覽器中開啟字型檔,輸入任何自訂文字,即可檢視瀏覽器能夠渲染的所有字形——無需安裝字型或將檔案上傳到任何地方。字型字形 (glyph) 是字型內部代表某個字元的實際圖,單一字型檔可能內含數百甚至數千個字形,對應不同的文字系統、粗細與樣式變體。使用 Font Previewer 時,你可以選擇本機的 TTF、OTF、WOFF 或 WOFF2 檔案(上限 10 MiB),輸入你想查看的字詞或字元,選擇 8 到 200 像素之間的大小,即可在目前的瀏覽器中精確看到這些字形的外觀。缺失的字形會以方框或替代字元呈現,讓覆蓋率的缺口一目了然。字型位元組從不離開頁面:瀏覽器透過 FontFace API 讀取它們,將其作為臨時字型套用至文件字型集,並在分頁關閉或你選擇新檔案時將其移除。

「檢視字形」真正的含義
字元 (或代碼點) 是 Unicode 標準所指派的一個數字。字形則是字型為該數字所繪製的圖像。一個字元可以對應到多個字形——例如帶重音的「a」可能提供三種樣式變體——而單一字型可能包含數萬個在純 ASCII 中永遠不會出現的字形。當設計師說想檢視字型中的字形時,他們通常一次想達成三件事:確認外觀繪製良好、檢查他們打算使用的字元確實存在於檔案中,以及尋找樣式變體,例如裝飾性尾筆、小型大寫字母或舊式數字。
作業系統的字型檢視器和設計套裝軟體的字形面板多年來一直負責這項工作,但它們需要安裝或使用龐大的編輯器。本機瀏覽器預覽則能在最重要的情況下達到相同的效果,讓你在購買授權或進行重新設計之前先行評估。這使得無需安裝的流程在評估字型廠商提供的試用檔、很久以前下載的字型範例包,或是同事傳來供審閱的檔案時非常實用。
使用 Font Previewer 檢視字型字形
- 在目前的瀏器分頁中開啟 Font Previewer。此工具完全在頁面內執行,不需要擴充功能、帳號或伺服器上傳。
- 從電腦中選擇一個可信任的 TTF、OTF、WOFF 或 WOFF2 檔案。所選檔案不得為空,且大小不得超過 10 MiB,以控制解析時間與瀏覽器記憶體用量。
- 將你希望檢查的精確範例文字輸入預欄位——例如全字母句、品牌名稱、一串數字,或一列帶重音的字母。支援純 Unicode 文字。
- 選擇 8 到 200 之間的整數像素字型大小。小尺寸可顯示內文文字大小下的字型提示與易讀性問題;大尺寸則可檢視外觀設計的輪廓、曲線與間距決策。
- 在預覽區域中檢查渲染出的字形。注意任何呈現為空心矩形 (俗稱「豆腐塊」)、問號或作業系統替代形狀的字元——這些都是缺失字形的訊號。
- 選擇另一個字型檔案以取代目前的字型。新字型載入之前,先前的字型會從文件字型集中移除,因此同一時間只會有一個字型處於作用中狀態。
關閉或重新整理分頁會將臨時字型從頁面中完全移除。檔案不會被複製到系統字型資料夾,應用程式偏好設定維持不變,也不會產生任何 CSS 套件。
預覽能告訴你關於字形覆蓋率的哪些資訊
一旦字型載入完成,預覽會反映瀏覽器在所選大小下能從檔案中解析出的所有字形。你輸入的每個字元都能乾淨地渲染,表示該字型包含這些代碼點的字形,且瀏器引擎已成功解碼。出現方框、問號或明顯不相符的替代字母,則代表該字型缺少此字形——或者較少見的情況下,檔案本身已損毀。預覽上方的標籤是檔名,而非權威性的內部字型家族或樣式紀錄;一個名為 Demo Bold 的檔案內部可能帶有不同的中繼資料。
由於預覽純粹是視覺性的,最適合作為覆蓋率的抽樣檢查。下表列出最實用的檢查字串,以及每個字串通常能透露的檔案特性。
| 輸入的文字 | 檢查項目 |
|---|---|
| The quick brown fox jumps over the lazy dog | 完整大小寫拉丁字母覆蓋率、基本標點符號 |
| 0123456789 $£€¥ | 等寬或比例數字、貨幣字形 |
| áéíóúñçßøå | 西歐語言使用的帶重音拉丁字元 |
| —–""''… | 長破折號、短破折號、智慧引號、省略號 |
| АаБбВвЯя | 若字型聲稱支援,則檢查斯拉夫文字覆蓋率 |
| 日本語 中文 한국어 | 漢字、平假名、片假名與韓文字的覆蓋率 |
若某列能乾淨地渲染,即代表對此檔案中這些代碼點的覆蓋率有直接證據。若某列出現替代形狀,則代表檔案缺少這些字形,或覽器無法以可解碼的方式讀取它們。本工具本身並不會合成缺失的字形、無法證明完整的語言支援,也不會枚舉字元對應表;你所看到的是瀏器自身字型引擎所產生的視覺結果。
預無法告訴你的事
瀏覽器預覽只是快速檢視,並非認證。下表區分 Font Previewer 能夠支持的聲明與無法支持的聲明,避免你過度信任結果。
| 預覽能確認 | 預覽無法確認 |
|---|---|
| 瀏覽器引擎能無錯誤地解碼該檔案 | 該字型是否授權用於你的預期用途 |
| 所選的範例字元以所選設計呈現 | 完整的 Unicode 字元對應表或所有支援的語言 |
| 字形在所選像素大小下視覺上存在 | 替代字元是由字型繪製還是由瀏覽器繪製 |
| 重新載入相同檔案能重現相同外觀 | 在其他系統上的精確列印輸出、字距品質或字型提示 |
| 不同檔案能乾淨地取代先前的字型 | 無障礙性、效能或跨平台渲染的等效性 |
此工具不會產生 @font-face CSS 區塊、不會對檔案進行子集化、不會並排比較多個字型,也不會聲稱渲染乾淨就代表可以重新散布該檔案。特別是授權決策,必須依據字型本身的授權條款。
實用的字形檢查清單
在決定某個字型是否值得安裝之前,依序完成一份簡短的清單通常能回答大多數重要的問題。開啟 Font Previewer 並依序輸入:
- 你自己的品牌或產品名稱(混合大小寫),以確認你發佈時所用字形的確切外觀。
- 包含字母表所有字母的全字母句,以突顯細節異常,例如過細的句號或怪異的「g」。
- 從 0 到 9 的數字,使用你預期中最小的尺寸,以測試舊式或等寬數字的可讀性。
- 你預期會用到的每個帶重音字元,特別是受眾姓名中可能出現的字符。
- 你仰賴的標點符號:長破折號、智慧引號、省略號,以及任何特殊符號,如間隔點或中點。
- 一個以極大尺寸(接近 200 像素)呈現的單字,以近距離檢視輪廓、端筆與間距決策。
若每個項目都如預期渲染,該檔案即可作為下一步的強力候選:在目標瀏覽器中以目標字重進行測試,然後閱讀授權條款。
在安裝前於本機檢視的理由
安裝字型會將檔案寫入系統字型資料夾,並向讀取該資料夾的每個應用程式註冊該字型。在 Windows 與 macOS 上這是靜默進行的;在 Linux 上則取決於桌面環境。即使你信任來源,每次安裝都會為你的機器新增一項永久資產,而在某些平台上,移除它並非只是刪除檔案那麼簡單。僅使用瀏覽器的預覽可避開此副作用。字型僅在分頁開啟期間存在於頁面的文件字型集內。如果你想比較兩個檔案,可以這麼做而不必讓系統多出兩個新字型;若你判定該檔案不合用,只要關閉分頁即可完成清理。
這也是檢視來自不熟悉來源的字型範本時更安全的方式:字型檔是由瀏覽器程式碼處理的複雜二進位輸入,因此讓位元組保留在本機,並將預覽視為唯讀,是審慎的預設做法。若想更廣泛地了解相同概念——在不提交系統安裝的情況下進行預覽——請參閱如何在瀏覽器中於本機預覽字型。
當預覽無法載入時
可接受的副檔名並不保證檔案能成功載入。瀏覽器的字型引擎對可解碼的內容非常嚴格。預覽失敗的常見原因包括:下載不完整或檔案損毀、副檔名正確但內部表格錯誤、被引擎拒絕的可變字型設定,或是目前瀏覽器不支援的格式——例如從未以 TTF、OTF、WOFF 或 WOFF2 形式發行的某些舊式 PostScript 變體字型。當載入失敗時,Font Previewer 會顯示明顯的載入錯誤,而不是假裝字型已載入,因此不會悄悄退回為替代字型。最簡單的復原步驟是:從原始來源重新下載檔案、確認副檔名與實際內容相符,並在認定檔案無法使用之前,先嘗試於另一個目前版本的瀏覽器中開啟。
瀏器透過 FontFace 與 Document fonts API 回報解碼結果;兩者皆記載於 MDN — FontFace 與 MDN — Document fonts。
若你在權衡各種選項,如何在不動到系統的情況下檢視字型對此有詳細說明。