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