WebFont - 概覽

WebFont 是本機 macOS 工具，支援文字轉 SVG、SVG 字型建構、字型轉換、子集產生、字形匯出和網頁字型套件輸出。

WebFont 面向實際的網頁字型製作工作。它可以將文字轉換為 SVG 輪廓，用已轉為輪廓的 SVG 圖形建構圖示字型，編輯基於 TrueType 的靜態來源字型，產生子集，轉換字型格式，並打包可直接用於瀏覽器的輸出。

核心功能

文字轉 SVG：使用已載入的字型，將單字、片語和多行文字轉換為 SVG 輪廓路徑。
字型建構器：用已轉為輪廓的 SVG 字形圖形建立單色或彩色圖示字型和網頁字型。
來源字型編輯：向基於 TrueType 的靜態來源字型新增 SVG 字形，或替換現有 Unicode 字形。
預檢：回報 Unicode 衝突、重複字形名稱、空路徑、異常 SVG 尺寸、度量問題、不支援的 SVG 特性和過於複雜的字形。
專案檔案：儲存並重新開啟 .webfontproject 專案套件，其中包含內嵌的來源字型資料、SVG 字形、建構設定、輸出選項和替換目標。
字型轉換：在單一檔案或批次流程中轉換 TTF、OTF、WOFF 和 WOFF2，包括受支援的靜態與可變輪廓互轉。
子集產生：從 TrueType、CFF/CFF2、可變字型和彩色字型（包括選定的 TTC/OTC 成員）產生更小的子集，輸出為保留原輪廓的 TTF/OTF、WOFF 和 WOFF2。
靜態字型實例：在 Export 面板的 Variable Font 區域選擇「保留全部軸」，或選擇「靜態實例」將軸值烘焙進字型子集和 Web Package 輸出。
網頁字型套件輸出：產生 fonts/、包含 @font-face 和 unicode-range 的 CSS 以及 demo.html；Font Builder 的網頁字型包還會包含 metadata.json。
字形素材匯出：將選定字形匯出為 SVG、PNG 和 PDF。

Font Builder 的 SVG 輸入應為已轉為輪廓的靜態圖形，不能包含可編輯文字、點陣圖、濾鏡、遮色片、指令碼、動畫或外部資源。
Font Builder 的來源字型編輯支援基於 TrueType 的靜態字型。
每次只能為一個已載入的來源字型或一個選定的 TTC/OTC 成員產生子集。
子集輸出保留來源字型的輪廓類型：TrueType 來源輸出 .ttf，CFF/CFF2 來源輸出 .otf，WOFF/WOFF2 仍是網頁字型容器。
文字轉 SVG 會使用已載入字型提供的全部可變軸，並保留受支援的彩色字形，但不會建立新字型或靜態字型實例。