使用方法

文字輪廓、SVG 字型建構、來源字型編輯、子集、轉換和網頁字型打包的實用流程。

1. 匯入字型

• 將字型檔案拖放到主視窗。
• 或使用 File -> Import Font File（檔案 → 匯入字型檔案）。
• 字形瀏覽匯入支援：ttf / woff / woff2。
• 每次新匯入都會取代目前工作階段資料（一個工作階段內不合併多個字型）。

2. 瀏覽和篩選字形

• 使用左側欄按 Unicode 區塊篩選（基本拉丁文、中日韓、表情符號等）。
• 使用搜尋按字形名稱或 Unicode 文字篩選。
• 選取快捷鍵：
  • Command + Click：多選不相鄰項目
  • Shift + Click：範圍選取
  • Command + A：全選
  • Delete：從目前資料集中移除選定字形
  • Space：預覽選定字形

3. 檢查中繼資料

右側檢閱器有三個標籤頁：

• Font：字型中繼資料、OpenType 排版/文字系統/特性摘要、可變字型偵測。
• Selection：字形層級資料，例如 Unicode、HTML 實體、CSS/Swift 表示法、UTF 編碼和度量。
• Export：字形素材匯出、文字轉 SVG、子集產生和網頁字型套件流程。

4. 將文字轉換為 SVG 輪廓

載入字型後，從 Export 標籤頁開啟 Text to SVG。

• 輸入單字、片語或多行文字。
• 調整字級、可用時的可變字重、字元間距、行高、換行寬度、對齊、內距和填色。
• 如果希望 SVG 忠實於已載入的字型，請保持後備字型停用。
• 將 SVG 複製到剪貼簿，或儲存為獨立的 .svg 檔案。
• 匯出的 SVG 包含輪廓，因此使用 SVG 的地方無需安裝該字型。

5. 用 SVG 圖形建構字型

從應用程式選單開啟 Font Builder。

• 拖入已轉為輪廓的 SVG 檔案來建立新字型。
• 指派字形名稱和 Unicode 值。
• 如果要新增字形或替換現有 Unicode 字形，匯入基於 TrueType 的靜態來源字型。
• 使用 Browse Glyphs 從來源字型中選擇替換目標。
• 繪圖前下載包含基線和邊界參考線的 SVG 範本。
• 匯出之前執行 Preflight Check。
• 匯出 TTF、WOFF、WOFF2、CSS、示範 HTML、中繼資料或完整網頁字型套件。

Font Builder 要求已轉為輪廓的靜態 SVG 圖形。匯入前請將文字轉為輪廓。可編輯 SVG 文字、點陣圖、遮色片、濾鏡、裁切、指令碼、動畫和外部資源會被拒絕，而不是被悄悄修改。

6. 儲存並重新開啟字型建構專案

需要稍後繼續 Font Builder 工作時，使用 .webfontproject。

• 專案檔案儲存 SVG 字形、建構設定、輸出選項和替換目標；使用來源字型時，也會儲存內嵌的來源字型資料。
• 開啟專案會從專案套件還原字形集合和來源字型資料。
• 如果設定過替換目標，它們會從儲存的來源字型資料還原。

7. 匯出字形素材（SVG / PNG / PDF）

• 支援單一字形和多選批次匯出。
• 匯出對話框包含尺寸和顏色控制項。
• 輸出檔名由字形名稱加尺寸後綴組成。

8. 產生字型子集

來源模式

• Current Selection：直接使用選定字形。
• Text Input：貼上文字或匯入 .txt，然後比對已載入字型中的可用字元。

輸出格式

• 可以任意組合選擇 WOFF2、WOFF 和 TTF。

OpenType 控制

• 排版策略：
  • 保留全部排版特性
  • 僅保留必要的定位資訊
  • 移除全部排版表
• 特性標籤篩選：
  • 僅保留選定標籤
  • 移除選定標籤
  • 或停用篩選，保留全部可用標籤

驗證與預覽

• Subset Preview 顯示字形數量、預估檔案大小和缺少字元數。
• 寫入檔案之前執行驗證（解碼檢查、必要表、cmap 涵蓋範圍及相關警告/錯誤）。

9. 產生網頁字型套件

Generate Web Package 會建立：

• 含 WOFF2 + WOFF 的 fonts/
• 包含 @font-face 和 unicode-range 的 CSS 檔案
• 用於預覽和字元對應參考的 demo.html

Font Builder 也有自己的網頁字型套件匯出功能，可產生圖示字型類套件，包含 CSS、示範 HTML、中繼資料、字形預覽和 HTML 片段。

10. 轉換字型格式

• Single Font Conversion...：轉換單一檔案。
• Batch Font Conversion...：基於佇列的批次轉換。
• 轉換輸入支援：ttf / otf / woff / woff2。
• 轉換目標支援：WOFF / WOFF2 / TTF/OTF (Auto)。

11. 目前限制

• 每次只能為一個來源字型產生子集。
• 子集輸出目前僅支援 TrueType 輪廓字型。
• Font Builder 的來源字型編輯支援基於 TrueType 的靜態字型。
• Font Builder 的 SVG 輸入必須是已轉為輪廓的靜態圖形。
• 已載入字型提供可變字重軸時，文字轉 SVG 可以用它匯出 SVG 輪廓。