开源字体设计工具字玩 FontPlayer
开源字体设计工具字玩 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 基础） | ★★☆☆☆（需编程经验） |
| 参数化设计 | ★★★★★（内置参数面板） | ★★★☆☆（需自定义实现） |
| 实验性字体 | ★★★★★（算法生成优势） | ★★★☆☆（侧重手工调整） |
| 工业级生产 | ★★☆☆☆（功能仍在完善） | ★★★★☆（成熟字体工程支持） |