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