開源字體設計工具字玩 FontPlayer 內測版 v0.2.0 于 2025 年 5 月 9 日發布
- 基礎功能:用戶可以使用該工具繪制字體并導出 otf 字體文件,設計屬于自己的字庫。
- 腳本功能:提供了腳本功能,用戶可以用程序的方式繪制字形組件,增加了設計的靈活性。
- 自定義組件:支持自定義字形組件,通過復用字形組件,能夠提升設計效率。
- 參考字樣:該版本使用模板筆畫組裝了《登鸛雀樓》20 字黑體字樣,結構上參考了思源黑體,用戶可以通過調參快速修改字形。
- 技術框架:使用 Vue3 + ElementUI + Tauri2 開發,支持 Web 端、MacOS 和 Windows 平臺。
字玩 FontPlayer 的腳本功能是該工具的一大特色
- 功能概述:字玩 FontPlayer 支持用戶對字形添加自定義腳本,腳本使用 JavaScript 進行編寫。通過編寫腳本,用戶能夠用程序的方式繪制形狀,從而實現更復雜的設計需求,這為字體設計帶來了極大的靈活性和創造性。
- 使用示例:例如要制作一個簡單的筆畫 “橫”,并設置長度與字重兩個基礎可調參數。用戶可新建 “橫” 字形,進入編輯面板后,打開參數與腳本頁面,在左側 “字形參數” Tab 新建 “長度” 和 “字重” 兩個參數,分別設置初始值。然后在右側腳本界面的腳本函數中輸入相應代碼,點擊運行按鈕,即可在字形編輯面板看到繪制出的 “橫”,并且可以通過調整參數來預覽不同效果。
- 與其他功能結合:腳本功能可以和參數模塊結合使用,創作出可調參的參數化字形,方便設計復用1。例如用戶可以通過腳本來定義字形如何隨著參數的變化而改變,實現一些具有規律變化的字體設計效果,大大提高設計效率。
字玩 FontPlayer 的腳本功能在字體設計工具領域具有獨特的定位
1. 技術棧與平臺適配
- 輕量級框架集成
FontPlayer 基于 Vue3 + Tauri2 開發,腳本系統深度集成于前端環境,支持 Web 端、桌面端(Mac/Windows)無縫運行。相比之下,FontForge(Python 腳本)依賴傳統桌面環境,而 Glyphs(AppleScript/Lua)則僅限 macOS。 - 低代碼友好性
腳本語法采用簡化的 JavaScript,無需編譯即可實時預覽效果,對非專業開發者更友好。而 FontForge 需掌握 Python API,學習門檻較高。
2. 參數化設計的深度整合
- 實時參數聯動
FontPlayer 的腳本可直接綁定 UI 參數面板(如長度、字重),形成 “代碼 + 滑塊” 的雙向調節機制。例如:javascript
// 定義橫筆畫的腳本示例 function drawHorizontalLine(ctx, params) {const { length, weight } = params;ctx.beginPath();ctx.moveTo(0, 0);ctx.lineTo(length, 0);ctx.lineWidth = weight;ctx.stroke(); }
其他工具的腳本多為獨立執行,需手動編寫參數解析邏輯。 - 組件化復用
通過腳本定義的字形組件(如 “橫”“點”)可保存為模板,在不同字體項目中復用,類似編程中的函數調用。這一特性在專業工具(如 Adobe Illustrator)中需通過復雜插件實現。
3. 設計思維的差異化
- 從 “繪制” 到 “生成”
FontPlayer 鼓勵用算法生成復雜字形(如動態調整比例、自動填充圖案),適合創建可變字體或實驗性字體。傳統工具的腳本更側重自動化重復操作(如批量導出、對齊調整)。 - 可視化調試界面
腳本執行結果實時渲染在編輯面板中,并支持斷點調試,降低了代碼試錯成本。而專業工具的腳本調試往往依賴控制臺輸出。
4. 社區生態與擴展性
- 中文社區支持
作為國產工具,FontPlayer 的文檔和社區資源更貼合中文用戶需求,腳本庫可能包含更多針對中文字體設計的模板(如偏旁部首生成器)。 - 插件生態整合
未來可能支持與 Vue 生態的其他工具(如 Figma 插件、SVG 庫)無縫對接,形成更高效的工作流。
適用場景對比
工具 | FontPlayer 腳本 | FontForge/Glyphs 腳本 |
---|---|---|
初學者友好度 | ★★★★☆(JavaScript 基礎) | ★★☆☆☆(需編程經驗) |
參數化設計 | ★★★★★(內置參數面板) | ★★★☆☆(需自定義實現) |
實驗性字體 | ★★★★★(算法生成優勢) | ★★★☆☆(側重手工調整) |
工業級生產 | ★★☆☆☆(功能仍在完善) | ★★★★☆(成熟字體工程支持) |