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 輪廓子集，輸出為 TTF、WOFF 和 WOFF2。
• 網頁字型套件輸出：產生 fonts/、包含 @font-face 和 unicode-range 的 CSS、demo.html 和中繼資料。
• 字形素材匯出：將選定字形匯出為 SVG、PNG 和 PDF。

處理方式

• 在 Mac 上本機處理。
• 無需登入帳號。
• 無需雲端轉換。
• WebFont 僅向你選擇的位置寫入輸出。

目前限制

• Font Builder 的 SVG 輸入應為已轉為輪廓的靜態圖形，不能包含可編輯文字、點陣圖、濾鏡、遮色片、指令碼、動畫或外部資源。
• Font Builder 的來源字型編輯支援基於 TrueType 的靜態字型。
• 每次只能為一個已載入的來源字型產生子集。
• 子集輸出目前支援 TrueType 輪廓字型。
• 已載入字型提供字重軸時，文字轉 SVG 可以使用可變字重，但不會建立新的可變字型。

鍵盤快捷鍵

• 多選不相鄰字形：Command + Click
• 範圍選取：Shift + Click
• 預覽選定字形：Space
• 選取全部字形：Command + A
• 從目前資料集中移除選定字形：Delete