Font Previewer 是一款瀏覽器工具,可在當前分頁中載入本機的 TTF、OTF、WOFF 或 WOFF2 檔案,並以 8 到 200 之間的任意整數像素大小呈現您自訂的範例文字,讓您在不把字型複製到 C:\Windows\Fonts 也不必信任任何上傳的情況下,於 Windows 上檢視字型。當您在工具中選取字型檔時,瀏覽器會透過 FontFace API 讀取其內容,建立一個暫時的 CSS 字型家族,並將該字型套用至頁面中的預覽區域。字型從不離開您的電腦,也從不出現在 Windows 的 Fonts 資料夾中,更不會修改您的應用程式清單。關閉或重新整理分頁時,便會從該文件的字型集中移除該字型;挑選新檔案時,也會在載入替換檔案前先刪除先前的字型。這讓本工具成為您對任何已下載或收到的字型進行私密預覽的方式——在決定安裝到系統上之前先檢視它。其權衡在於此檢視是視覺化且由瀏覽器中介的:它無法認證可存取性、效能或跨平台呈現效果,但能確認檔案至少能正確解碼,並顯示您的範例文字所要求的確切字形。

為何瀏覽器預覽在檢查上勝過 Windows 字型資料夾
Windows 內建一個字型檢視器,在 Fonts 資料夾中雙擊字型檔便會開啟。它會顯示檔案名稱、兩到三種預設大小的幾組範例句子,除此之外資訊相當有限。您無法輸入自己的文字,無法在預設大小之間測試特定尺寸,也無法從該顯示中判斷檔案能否在瀏覽器引擎中正確解碼。若檔案損毀,內建的檢視器仍可能顯示一個預設文字,讓您無法確定該字型是否真的能在您的網頁專案、設計工具或下游應用程式中呈現。
基於瀏覽器的預覽工具則採取不同路線。它透過 FontFace API(如 MDN Document fonts 參考文件中所述)在本機讀取字型的位元組,然後將產生的字型套用至您自行控制的自訂文字字串。您會看到與網站或網頁應用程式相同的引擎。若檔案損壞或是瀏覽器無法解析的格式,您會看到明確的載入錯誤,而非一片空白的預覽,這樣您就能在將檔案部署到任何地方之前,先知道它已損壞。
| 檢視方式 | 自訂範例文字 | 任意像素大小 | 顯示瀏覽器解碼失敗 | 修改系統 |
|---|---|---|---|---|
| 在 Windows Fonts 資料夾中雙擊 | 否,僅限預設字串 | 有限的預設大小 | 否 | 否 |
| 在瀏覽器中使用 Font Previewer | 是,可輸入任何文字 | 是,8 到 200 px | 是,會顯示載入錯誤 | 否 |
| 安裝至 C:\Windows\Fonts | 是,全系統適用 | 由應用程式控制 | 否 | 是 |
第三列——實際安裝字型——是唯一能讓機器上每個應用程式都看見該字型的選項。這也正是大多數讀者不想先安裝的原因。Font Previewer 讓您能快速、隨意檢視同一個檔案,而無需承諾進行全系統變更。
如何使用 Font Previewer 在 Windows 上檢視字型檔
- 在 Windows 機器上執行的任何現代桌面瀏覽器中開啟 Font Previewer 頁面。
- 點擊檔案選擇器,選擇您信任且大小不超過 10 MiB 的 TTF、OTF、WOFF 或 WOFF2 檔案。僅憑副檔名並不能保證位元組能被解碼,因此請選擇來自您已驗證過的來源的檔案。
- 等待瀏覽器完成解析檔案。介面會在此步驟顯示載入狀態,工具也會防止您在解析中途所做的較新選擇覆蓋掉較舊、較慢的載入作業。
- 在範例欄位中輸入您要檢查的文字。這可以是標題、段落、數字、標點符號、帶腔調的拉丁字元,或非拉丁文字——端視您的驗證需求而定。
- 將大小控制項設定為介於 8 到 200 之間的整數像素值。工具會將其作為 CSS 預覽大小套用;它不會更改檔案內部的單位、hinting、輪廓或字距表。
- 在預覽區域中閱讀呈現出的字形。每個字元會從載入的字型中繪製;若所選字型未包含該碼點,則會回退為缺字方框或瀏覽器預設的替代字元。
- 若要切換字型,請挑選不同的檔案。Font Previewer 會在載入替換檔案前,從文件的字型集中刪除先前的字型,因此頁面不會累積殘留的字型。
- 完成後,請關閉或重新整理分頁。暫時的字型家族會隨頁面一同消失;不會寫入您的 Fonts 資料夾。
字型載入後可檢查的內容
字型呈現後,預覽便是檔案本身輪廓在您設定大小下的受控呈現。您可以閱讀大寫與小寫的形狀、觀察數字對齊方式、檢查標點符號間距,並確認特定帶腔調字元是否存在。您也能判斷特定腳本或符號是否缺少:缺少的字形通常會呈現為空心矩形或瀏覽器的後備字元,這兩者在預覽中相較於其他部分都相當顯眼。
使用不同大小來測試可讀性。12 px 的展示用字型通常會顯得擁擠;同樣的字型在 96 px 時則會顯現其字形的曲線品質與對比。尺寸控制項涵蓋低至 8 px(小內文文字檢查)至高達 200 px(海報級展示檢查)。行高由工具固定,因此在您變更大小時版面仍保持可讀。
有兩個視覺上的注意事項值得提出。預覽是由您特定的瀏覽器、以您裝置的像素比、作業系統的反鋸齒設定,以及您已套用的任何瀏覽器縮放等級所呈現。同樣的字型在不同的瀏覽器、不同的顯示器上,或安裝至應用程式後,看起來可能會略有不同。工具中顯示的標籤來自您選取的檔案名稱,而非檔案內部的任何家族或樣式記錄,因此一個命名為 Demo Bold 的檔案,其內部中繼資料可能記載著不同的內容。
如何解讀載入失敗
並非挑選器接受的所有字型檔案都能實際解碼。挑選器以副檔名進行篩選——TTF、OTF、WOFF 或 WOFF2——但副檔名僅止於提示。瀏覽器引擎仍必須解析檔案的內部表格,而有幾種情況會產生明顯的載入錯誤。
| 失敗模式 | 通常代表的意義 |
|---|---|
| 下載被截斷或不完整 | 檔案長度短於表頭所宣稱的大小,因此解析器中途停止。 |
| 副檔名標示錯誤 | WOFF2 檔案實際上裝的是 WOFF 資料,反之亦然;引擎會拒絕該格式簽章。 |
| 不支援的內部表格 | 某些可變字型或彩色字型表格並非每個引擎都支援。 |
| 編碼損壞 | 位元組在傳輸或儲存過程中被竄改,導致校驗和不符。 |
當發生上述任何情況時,Font Previewer 會顯示載入錯誤,而非空白預覽——這是能讓您得知該檔案在任何網頁環境中也將失效的最明確訊號。工具不會嘗試修復、轉換或重新解讀位元組——它信任瀏覽器的字型引擎。若引擎拒絕,您就知道該另尋字型的其他版本或其他格式。
設定 10 MiB 上限也是基於同樣的理由。大型字型檔案可能包含數千個字形與複雜的表格,瀏覽器必須在預覽能呈現之前,先在記憶體中完整解析所有內容。限制檔案大小可使載入時間易於預測,並避免分頁佔用過多記憶體。
挑選能展現字型能力的範例文字
大多數字型檢視器的預設範例字串是一句 pangram——包含字母表中所有字母的句子。Pangram 對初次檢視很有用,但它僅能證明該字型擁有拉丁字母字形。若您計畫將字型用於含數字的內文、含標點的標題,或多語系介面,則您的預覽文字應符合該實際用途。
若字型會出現在表格、價格、日期或版本號中,請加入數字(0 到 9)。加入設計實際會使用的標點符號:& 符號、註冊商標符號、長破折號、智慧引號。若設計使用大寫字距或全大寫標題,請輸入整組大寫字母。若字型將用於非拉丁語言,請直接輸入該腳本;預覽欄位接受 Unicode 字元,您能立即看出字型是否包含該字形。
閱讀時請切換不同尺寸。較小的尺寸能告訴您內部空間是否保持開放、筆劃是否不會黏在一起;較大的尺寸能告訴您對比在展示尺寸下是否得以維持。在 8 到 200 px 範圍中選取兩到三個尺寸,通常就足以同時捕捉可讀性與美觀上的問題。
Font Previewer 不做的事
預覽是視覺檢查,而非字型認證。Font Previewer 不會計算授權權利或檢查嵌入權限,因此任何再分發的決定都必須依據字型本身的授權。它不會對字形進行子集化、不會在格式之間轉換,也不會為您產生 @font-face CSS——這些都是決定部署字型之後才會發生的獨立步驟。它無法測量精確的印刷輸出,也無法在單一檢視中並排比較多款字型。
單從渲染的預覽,工具同樣也無法告訴您您到底產生的缺字方框是來自所選字型,或是瀏覽器的後備字型鏈。若您需要精確的字元對應表,應查看來源檔案本身的表格。Font Previewer 不會合成缺少的字形,也無法證明完整的語言支援——它僅顯示檔案所包含的字形,對應您輸入的碼點,並由您機器上執行的瀏覽器引擎呈現。
若要可靠地用於正式環境,請將 Font Previewer 視為初次檢視,接著在目標瀏覽器中測試所選檔案,並在整合前確認其授權格式與字重。工具的價值在於其所實現的私密、隨意檢查:在不安裝的情況下,於 Windows 上、以網站會使用的相同引擎檢視字型,最後離開時系統上不留下任何痕跡。
若您在權衡各種選項,如何在 Discord 上無需字型取得草書文字對此有詳細介紹。
若您在權衡各種選項,Outlook 訊息預覽字型太小?在本機預覽對此有詳細介紹。