教程 優化字體性能
No.01 Optimizing Webfonts

通過減少字符集來 優化字體

通過對 Webfont 進行子集化、剔除無用字形,可以顯著提升網站性能:減少加載時間與文件體積。該過程確保只包含必要字符,讓 Webfont 使用更高效。

教程式號: 01
官方原文: high-logic.com
內容狀態: ✅ 基於完整內容創建

簡介

字體子集化是一項通過減小文件大小來優化性能的寶貴技術。這可以通過將字符集限制為僅包含您需要的字形來實現,無論您使用的是常規字體還是可變字體。移除未使用或不必要的字符有助於精簡您的字體,從而生成更小的文件,加載更快,性能更好——尤其適用於網絡使用。

雖然 FontCreator 沒有專門用於減少字符集的功能,但它允許用户在導出過程中輕鬆包含或排除字形。在本文中,我們將向您展示如何使用 FontCreator 手動對字體字符集進行子集化,無論您使用的是常規字體還是可變字體。

注意:本文不會介紹如何通過排除軸或調整其範圍來對可變字體進行子集化。有關此主題的更多資訊,請參閲:

使用 FontCreator 對可變字體進行子集化


為什麼要對字符集進行子集化?

  1. 減小文件大小
    字體通常包含數千個字形,包括多種語言的字符、符號和標點符號。通過對字體進行子集化並移除不必要的字形,您可以顯著減小其文件大小,使其加載更快,在各種應用程式中更易於處理。

  2. 優化網絡性能
    更小的字體文件意味着更快的加載時間,這是優化網站和應用程式的重要方面。對字體進行子集化以僅包含必要的字符,可確保其加載更快,從而改善整體用户體驗。

  3. 定製字符使用
    如果您的項目只需要有限數量的字符——無論是針對特定語言、品牌設計還是特定符號集,子集化尤其有用。您可以自定義字體以僅包含您需要的字符,保持文件精簡高效。


如何在 FontCreator 中對字符集進行子集化

FontCreator 使手動對字體字符集進行子集化變得簡單,允許您在導出過程中選擇要包含或排除的字形。以下是如何對常規字體和可變字體實現此操作的方法:

步驟 1:在 FontCreator 中打開字體

首先在 FontCreator 中打開您的字體。這會將整個字形集加載到編輯器中,您可以在其中根據需要查看和修改字符。

步驟 2:取消選擇所有字形

從字體概覽窗口中,按 Ctrl + A 或使用選擇工具選擇所有字形。右鍵單擊選擇內容,然後選擇 包含在導出中 -> 無。這將所有字形標記為不導出。

步驟 3:選擇未映射的字形

導航到左側類別樹視圖並選擇 字形 -> 未映射。選擇所有字形,右鍵單擊,然後選擇 包含在導出中 -> 所有導出。此操作確保所有依賴於所包含字符的 OpenType 佈局功能保持正常工作。此外,請確保在選項對話框的 字體 頁面中設置排除所有未使用字形的選項。

步驟 4:選擇所需的 Unicode 類別

導航到左側類別樹視圖並選擇您想要包含的 Unicode 類別,例如 基本拉丁文。突出顯示此類別中的所有字形,右鍵單擊,然後選擇 包含在導出中 -> 所有導出。對您想要包含的任何其他 Unicode 塊重複此過程。

步驟 5:選擇要保留或移除的其他字形

如果需要,手動選擇您想要包含或排除在導出之外的其他字形。此手動選擇過程使您能夠完全控制最終字體中將包含哪些字符,無論它是常規字體還是可變字體。

步驟 6:導出子集化字體

一旦您完成了字形選擇,請轉到 導出設置 窗口並繼續導出您的字體。生成的文件將僅包含您選擇的字形,確保為您的項目特定需求提供更小、更高效的字體。


結論

通過減少字符集對字體進行子集化是優化性能的強大方法,無論您使用的是常規字體還是可變字體。雖然 FontCreator 沒有專門的字符集縮減工具,但其直觀的手動選擇過程使得在導出過程中包含或排除字形變得容易。這允許您移除不必要的字符並減小文件大小,從而提高加載時間並使您的字體更易於管理。

無論您是為網絡、移動應用程式還是特定的品牌項目進行設計,對字體進行子集化可確保您僅包含所需的字符,從而生成更精簡、更高效的字體文件。