WebFont/macOS 應用程式
專注於字型工作流程
匯出字形、建立子集,快速產生適用於 Web 的字型
WebFont 是一款 macOS 應用程式,專注於將字型字形匯出為 SVG,並在數秒內建立字型子集。
用 SVG 建構字型,用文字產生子集。
WebFont 將文字輪廓匯出、SVG 字型建構、來源字型替換、子集、轉換、驗證和網頁字型套件產生整合到本機 macOS 流程中。
建立文字與字形圖形
將單字、片語和多行文字轉為 SVG 輪廓,或準備輪廓 SVG 圖形來建構圖示及網頁字型。
建構或編輯字型
用 SVG 字形建立字型,或匯入靜態 TrueType 來源字型以新增和替換 Unicode 字形。
檢查並發布輸出
執行預檢並驗證字型,然後匯出 TTF、WOFF、WOFF2、CSS、示範 HTML、中繼資料或字形素材。
目前應用程式支援的功能
文字轉 SVG 輪廓
使用已載入字型將文字轉為便於移用的 SVG 路徑,可控制字級、可變字重、字距、行高、換行寬度、對齊、內距、填色和後備字型。
字型建構器
用輪廓 SVG 建構圖示與網頁字型,指派 Unicode 值和字形名稱,再匯出 TTF、WOFF、WOFF2、CSS、示範 HTML 和中繼資料。
來源字型編輯
匯入靜態 TrueType 來源字型,新增 SVG 字形或替換現有 Unicode 字形,並保持替換字形 ID 穩定。
預檢
匯出前回報 Unicode 衝突、重複字形名稱、空路徑、異常 SVG 尺寸、度量問題、不支援的 SVG 特性和過於複雜的圖形。
專案檔案與範本
儲存含來源字型資料、SVG 字形、建構設定、輸出選項和替換目標的 .webfontproject。繪圖前可匯出帶參考線的 SVG 範本。
子集產生
根據選取字形、貼上文字、匯入的 .txt,或通用、日語、韓語 Unicode 預設,產生更小的 TrueType 輪廓字型子集。
格式轉換
單一檔案或批次轉換 TTF、OTF、WOFF、WOFF2,WOFF2 編解碼由 Google WOFF2 支援。
網頁字型套件與驗證
產生 fonts/、含 unicode-range 的 @font-face CSS、demo.html、metadata.json、字形預覽和 HTML 片段,並檢查剖析有效性、字型表、cmap 涵蓋、重複 Unicode 對應和 WOFF/WOFF2 往返轉換。
實際字型製作工作
圖示字型製作
用輪廓 SVG 符號建構圖示字型、對應 Unicode、執行預檢,並匯出瀏覽器可用的字型套件。
文字圖形與字形設計
將單字、片語和多行文案轉為真實字型輪廓,用於標誌、文件、交付、海報和 SVG 設計素材。
網頁字型最佳化
根據字形或文字產生子集,保留必要 OpenType 特性,僅發布產品需要的網頁字型格式。
字型發布檢查
驗證產生的 TTF、WOFF、WOFF2,檢查 cmap 涵蓋和警告,並在發布前查看示範頁。
明確規則,安心輸出
WebFont 明確回報行為,不悄悄修改內容。遇到不支援的 SVG 或字型特性會提示,讓你在發布字型前修復圖形。
- 字型建構器要求靜態輪廓 SVG,不接受可編輯文字、點陣圖、濾鏡、遮色片、指令碼、動畫或外部資源。
- 來源字型編輯支援靜態 TrueType 字型。
- 每次為一個已載入來源字型產生子集,輸出支援 TrueType 輪廓。
- 文字轉 SVG 使用已載入字型,可停用後備字型以保持輪廓忠實於原字型。
- 所有處理都在 Mac 本機進行,應用程式不會上傳字型檔案。
