你可以在不安裝字型的情況下,於 Windows 上預覽字型,只要將本機的 TTF、OTF、WOFF 或 WOFF2 檔案直接載入瀏覽器型的預覽工具即可;字型只會存在於當前頁面中,絕不會動到系統的字型資料夾。該檔案不會離開你的磁碟,瀏覽器會透過其 FontFace API 讀取它,並將這個字型加入頁面的文件字型集,而不是寫入作業系統。這個區別很關鍵,因為 Windows 本身內建了多個預覽功能,但這些功能都只能在字型安裝之後才能運作,這使得每次你想評估一個新下載的字型時,都必須經歷下載—安裝—檢視—解除安裝的循環。像 Font Previewer 這樣的瀏覽器預覽工具則能繞過這個循環。你只需指定一個不超過 10 MiB 的檔案、輸入你真正想評判的文字、設定介於 8 到 200 之間的整數像素大小,就能在當前的分頁中看到結果。關閉或重新整理分頁時,臨時的字型就會被清除,頁面會回到原本的字型狀態。

how to preview fonts in windows
how to preview fonts in windows

Windows 已有哪些字型預覽方式(以及它們的不足之處)

Windows 內建了多條檢視字型的途徑。最常見的是字型控制台,在 Windows 10 和 11 上仍可透過舊版的控制台進入,在較新的版本中則可透過設定 > 個人化 > 字型。你可以在已安裝的字型中瀏覽、在預覽方塊中輸入範例句子,並調整大小滑桿。檔案總管也提供預覽窗格,只要透過檢視選單啟用後,選取任何 .ttf 或 .otf 檔案時就會呈現其第一個字符。

這些工具確實有用,但它們有兩個共同的限制。第一,它們只能顯示系統上已安裝的字型,因此在把字型放進字型資料夾之前,你無法對下載的字型進行評估。第二,原生預覽功能著重於系統支援的格式。Windows 原生支援 TTF 與 OTF,但 WOFF 與 WOFF2——也就是網頁字型服務與自架網站最常提供的格式——在字型控制台中並非一等公民。你可以安裝它們,但預覽體驗並不理想,而且這些格式也不是 Windows 桌面應用程式通常會請求的格式。

瀏覽器型的預覽工具能同時避開這兩個限制,因為它直接透過瀏覽器的 FontFace 介面 載入檔案,而不經過作業系統的字型註冊機制。瀏覽器從樣式表擷取網頁字型時用的也是同一套機制,只是這裡被套用在使用者從磁碟中挑選的本機檔案上。

為什麼要在不安裝的情況下於 Windows 上預覽字型

有幾個實際的理由促使 Windows 使用者傾向使用不安裝的預覽方式:

  • 避免雜亂:每安裝一個字型,它就會被加入字型資料夾,被 Windows 建立索引,並出現在每個應用程式的字型下拉選單中。透過安裝來評估字型會讓這個清單在數小時甚至數天內變得雜亂。
  • 測試現代網頁格式:正在評估 Google Fonts 下載或自架 WOFF2 的網頁開發者或設計師,特別想看到這個檔案在瀏覽器引擎中的實際樣貌——也就是它日後實際運作的環境。
  • 安全性與清理:有些字型下載檔會綁定安裝程式或其他附加工具。在瀏覽器中直接預覽原始的 .ttf、.otf、.woff 或 .woff2 檔案,讓你能在不安裝任何東西的情況下評判其設計。
  • 購買前的評估:許多字型廠商會提供試用字重或有限的展示檔案。先預覽試用檔案能確認設計符合你的專案,再決定是否購買授權。

若想更深入了解瀏覽器端字型載入在不同作業系統上的運作方式,請參閱相關指南:如何在瀏覽器中於本機預覽字型

如何以三個步驟在 Windows 上預覽字型

Font Previewer 中的具體操作包含三個明確的動作:

  1. 選擇一個不超過 10 MiB 的可信賴 TTF、OTF、WOFF 或 WOFF2 檔案。工具會透過瀏覽器的檔案選擇對話方塊直接從你的磁碟讀取檔案;任何內容都不會被傳送到伺服器。
  2. 輸入具代表性的預覽文字,並選擇介於 8 到 200 像素之間的整數字型大小。文字是可編輯的純 Unicode 文字,因此你可以貼上全字母句、品牌名稱、文章中的段落,或任何設計所需的內容。
  3. 在當前瀏覽器中檢視字符的涵蓋範圍與外觀;若要更換字型,選擇另一個檔案即可。若有字符缺失,你會看到瀏覽器的替代方框或預設替代字元。若要切換到不同的字型,挑選新檔案後,原本的臨時字型會先從頁面的文件字型集中移除。

透過實際範例有助於選擇大小。在螢幕上以 CSS 標準參考的 96 DPI,以及印刷上慣用的每英吋 72 點來計算,1 點等於 4/3 像素。因此 12 pt × 4/3 = 16 px,24 pt × 4/3 = 32 px。若你要為印刷型錄預覽字型卻只在螢幕上檢視,16 和 32 是合理的起始大小;若要為網頁內文與標題預覽字型,16 px 與 48 px 則是 8–200 px 範圍內典型的參考值。

快速比較 Windows 上四種內建方式的定位:

方式需要安裝?支援 WOFF/WOFF2?可自訂範例文字?會留下系統變更?
Windows 字型控制台有限是(單行)
設定 > 個人化 > 字型有限
檔案總管預覽窗格有限
Font Previewer(瀏覽器)

Font Previewer 實際會檢查哪些項目

這個工具刻意設計得很單純:它將單一檔案載入當前頁面的文件字型集,並以你選擇的大小套用到你提供的範例字串。這讓你能評估幾項特定的項目:

  • 瀏覽器是否能解碼這個檔案。副檔名正確並不等於保證——損壞的表格、標錯的資料,或引擎拒絕的內部結構,都會產生明顯的載入錯誤。
  • 你實際打算使用的字符之涵蓋範圍。以數字為主的設計、附加符號的拉丁字母、西里爾字母、希臘字母、CJK 字符,以及標點符號,都需要直接取樣檢視。
  • 在真實預覽大小下的近似間距、粗細與節奏。一個字型在 96 px 時可能看起來很棒,在 12 px 時卻可能顯得擁擠;8 到 200 px 的範圍同時涵蓋了這兩端。
  • 大寫與小寫的對應關係、數字樣式(對齊式 vs. 舊式、等寬 vs. 比例字寬),以及標點符號的特殊之處,例如彎引號與 em/en 破折號。

它刻意不會檢查的部分:印刷指標、在其他作業系統上的字型暗示品質、行動裝置上的精確點陣化結果,或像素級的對齊間距表。瀏覽器以自己的引擎進行渲染,結果在其他系統上,或當瀏覽器縮放與裝置像素比改變時,可能會有所不同。MDN 上關於 document fonts set 的參考資料,說明了瀏覽器如何管理這個底層集合。

挑選能抓出缺失字符的範例字串

預設行為就是渲染你輸入的任何內容,因此字串選得好不好,是預覽是否能真正幫助你的最重要因素。以下幾種模式能穩定地暴露問題:

  • 像 "The quick brown fox jumps over the lazy dog" 這類全字母句,會用到基本英文拉丁字母中的每個字母,並能揭露奇怪的字距配對。
  • 0 到 9 的數字,加上至少一組像 11 或 00 的配對,可測試數字設計、對齊方式,以及數字 1 是否帶有襯線或旗形。
  • 你實際會使用的標點符號:彎引號、em 破折號、en 破折號、省略號、& 符號、百分號、@ 符號,以及任何與排版相關的數學或貨幣符號。
  • 你實際文稿中的一句代表性句子,包含任何附加符號、連字,或對品牌重要的特殊名稱。
  • 混合大小寫,以確認 x 字高、大寫字高,以及升部與降部在搭配下看起來是否平衡。

若某個字符呈現為豆腐方塊、空方框,或來自系統字型的替代字型(例如你載入了哥德體卻出現通用的無襯線字),就表示該字型本身並不包含那個字符——這個工具並不會合成缺失的字形。

這個工具無法告訴你關於字型的哪些事

私人的預覽只是一種參考訊號,並非完整的評估。有些事情仍超出了瀏覽器預覽所能涵蓋的範圍:

  • 授權與再散布權利。預覽讓你看到設計,但檔案本身或字型廠商網站上的授權條款,才決定你是否能使用、嵌入、子集化或發行它。
  • 嵌入權限與子集化。WOFF 與 WOFF2 檔案可能帶有允許清單旗標;預覽功能無法讀取或顯示這些資訊。
  • 印刷與 PDF 輸出。瀏覽器的渲染與 Adobe 或 Quark 在 300 DPI 下的輸出並不相同。
  • 並列比較。這個工具一次只能預覽一個字型面。若要做比較,你需要擷取螢幕截圖,再於其他應用程式中排列。
  • 格式轉換。TTF 轉 WOFF2、子集化,以及 CSS @font-face 產生,皆屬於各自獨立的工作流程與工具。
  • 跨平台渲染的一致性。同一個檔案在 Windows 上的 Chrome、macOS 上的 Safari,以及行動瀏覽器中,可能會有微妙差異,因為各家的引擎、字型暗示與反鋸齒方式並不相同。

若要可靠地用於網頁,請在目標瀏覽器中實際測試該字型,並在上線前確認其授權格式與字重。預覽只是私下先看一眼,並非正確性、安全性、可存取性、效能或跨平台渲染一致性的認證。

若想進一步了解,請參閱 在沒有該字型的情況下將 Wingdings 轉換為文字