visual.af

Affont 指南

如何在 Affinity 中制作字体

Affinity 本身无法导出字体,但你依然可以不离开它,就设计出一套完整、可安装的字体。这篇分步指南将带你使用 Affont,从一个空白文档开始,做出可以用来打字的 OTF 或 TTF 字体。

更新日期:

Affinity 能制作字体吗?

单靠它自己不行。Affinity(免费的 Affinity 3,以及早先的 Affinity Designer、Photo 和 Publisher)可以使用任何已安装的字体,也能把文字转换为曲线,但无法导出字体文件(OTF 或 TTF)。

过去的变通办法很慢:把每个字母单独导出为 SVG,再一个个导入字体编辑器,然后手动缩放、对齐每个字形并调整间距。光是一套基础字母表,就常常要花上好几天。

Affont 补上了这一环。它在 Affinity 的 Script Library(脚本库)中加入两个脚本(一个用来创建字体模板,一个用来发送你画好的字母),再配合一款 Windows 和 macOS 应用来编译、安装和导出字体。你依然在 Affinity 里,用它的全部工具来画。

你需要准备什么

  • Affinity 3.3 或更高版本(Windows 或 macOS)。这款应用是免费的,3.3 版加入了脚本功能。
  • Affont,支持 Windows 10/11 或 macOS 11+(Apple Silicon 和 Intel)。一次性付费 $24,可在 3 台设备上使用。
  • 不需要任何字体排印基础。模板已经包含基线、x 字高、大写字母高度和间距参考线。
步骤 1

安装 Affont,并把脚本添加到 Affinity

  1. 安装并打开 Affont,粘贴你的许可证密钥。
  2. 在欢迎界面中,点击保存 Affont.afscripts 的按钮。
  3. 在 Affinity 中打开 Script Library 面板,打开它的菜单(▾),选择 Import scripts…,然后选中 Affont.afscripts。
  4. 面板中会出现一个 Affont 类别,里面有两个脚本:模板脚本和发送脚本。第一次运行每个脚本时,Affinity 会请你点击 Trust and run,确认信任并运行。

这一步只需做一次。以后更新应用时,除非更新说明另有提示,否则不需要重新导入脚本。

步骤 2

创建字体模板

运行模板脚本,会弹出一个对话框,你可以设置:

  • 字体名称和字族名称,例如“Brush Script”和“Regular”。
  • 字符集:基础字符集(A–Z、a–z、0–9 和标点符号)、适用于英语、西班牙语和葡萄牙语的拉丁字符、仅大写字母、日文假名,或者只包含你自己添加的字符。
  • 附加字符:任何你想加入的字符或字形名称,例如 ñ、f_i(连字)或 a.alt1(替代字)。
  • 度量参数:上伸部(ascender)、下伸部(descender)、大写字母高度和 x 字高。默认值适用于大多数设计。

Affont 会生成一个网格,每个字符一个单元格。每个单元格都显示基线和高度参考线、一个浅色的参考字母,以及两条用于调整间距的粉色线。模板图层已锁定,上方的 Your letters 图层已经准备好,可以直接开始画。

步骤 3

画出你的字母

在每个单元格上方画出对应的字母,工具随你选:钢笔工具、形状和布尔运算、矢量画笔、转换为曲线的文字,或者粘贴进来的图稿。描边不需要先扩展,Affont 会在发送时把它们转换为轮廓。

  • 形状的中心落在哪个单元格上,它就属于哪个字符,所以你不需要把任何东西整理到不同的图层里。
  • 先画 n、o、H 和 O。它们决定了其他所有字母的笔画粗细和节奏。
  • 复用部件:从 n 可以做出 h、m 和 u;从 o 可以做出 b、d、p 和 q。
  • 让圆形字母(o、s、O)稍微超出基线以及 x 字高或大写字母高度。这叫作 overshoot(过冲),能让它们看起来和平直的字母一样大。
  • 没有转换为曲线的文字会被跳过,Affont 会告诉你是哪个字母。
步骤 4

设置间距

每个单元格都有两条粉色线:·LSB 和 ·RSB(left side bearing 和 right side bearing,即字母左右两侧的边距)。拖动它们来决定每个字母占多宽。两条线之间的距离,就是这个字母在字体中的宽度。

一个快速的方法:先调整 n 和 o 的间距,直到“nnonoonn”看起来均匀,再用 H 和 O 为大写字母做同样的调整。其他大多数字母的左右两侧,都和这四个字母相同。

步骤 5

发送,字体随即安装

在 Affont 应用打开的状态下,运行发送脚本。应用会用 fontTools 编译字体(专业字体工具使用的也是这个开源引擎),并为你的用户账户安装字体。几秒钟后,它就会出现在 Affinity 的字体列表以及其他所有应用中。

你可以随时修改字母并再次发送。Affont 会替换已安装的版本,所以你可以一边设计,一边用自己的字体打字。

步骤 6

在 Affont 应用中精修

  • 字距调整(kerning):在示例文本上把一个字母拖向另一个字母。还支持字距调整分组、作为起点的自动字距调整,以及从其他字体导入度量参数和字距调整。
  • 连字和替代字:把单元格命名为 f_i 或 a.alt1,Affont 就会为你写好 OpenType 功能(liga、salt、ss01…)。
  • 重音字母:画好基础字母和附加符号,Affont 会自动组合出 á、à、â、ã、ä、ñ、ç 等字母。
  • 字形编辑器:调整节点和控制柄、合并重叠的形状、翻转或变换,无需回到 Affinity。
  • 字体信息和字族:设计师、版本、许可证,以及归入同一字族的其他样式(Bold、Italic…)。
步骤 7

导出 OTF、TTF 或 WOFF2

  • OTF 保留你在 Affinity 中画的三次曲线,是设计类应用的最佳选择。
  • TTF 与旧软件和部分设备的兼容性最广。
  • WOFF2 用于网站。

如果你用多种颜色或渐变给字母上色,Affont 还能导出彩色字体(OpenType-SVG,并附带 COLR 作为后备)。在不支持彩色字体的应用中,它会以单色显示。

常见问题与解决方法

  • 字母跑到了错误的单元格:移动它,让它的中心落在正确的单元格上。
  • 少了某个字母:检查它是否仍是未转曲的可编辑文本,如果是,使用 Layer ▸ Convert to Curves(图层 ▸ 转换为曲线)。
  • “Send”没有反应:Affont 应用必须处于打开状态。如果脚本连接不到应用,会提示你。
  • 字母看起来太紧或太松:先调好粉色线,再只对特定的字母对(如 AV、To 或 LT)使用字距调整。

常见问题

可以在 Affinity Designer 中制作字体吗?

Affinity 本身无法导出字体文件。有了 Affont,你可以在 Affinity 3.3 或更高版本(取代了 Designer、Photo 和 Publisher 的应用)中画字母,一键得到已安装的 OTF 或 TTF 字体。

有可以制作字体的 Affinity 插件吗?

有。Affont 在 Affinity 的 Script Library 中加入一个模板脚本和一个发送脚本,并配有一款 Windows 和 macOS 应用,用来编译、安装和导出字体。

支持 Affinity 2 吗?

不支持。Affont 依赖 Affinity 3.3 引入的脚本系统。Affinity 3 可以在 Windows 和 macOS 上免费下载。

我可以出售自己做的字体吗?

可以。字体 100% 归你所有:你可以出售、用于客户项目,或者免费分享。Affont 不附加任何限制。

能在 iPad 上使用吗?

目前还不能。Affont 支持 Windows 10/11 和 macOS 11 或更高版本。

更多指南

  • 如何制作自己的字体

    从草图或手写字到真正的字体:规划字符、绘制、调整间距、测试和导出,并讲清费用和授权。

  • Affinity 上的 Fontself 替代方案

    Fontself Maker 可以在 Illustrator 和 Photoshop 中运行,但不支持 Affinity。看看 Affont 在 Affinity 中能做什么,并逐项对比。

  • Affinity 字体制作工具

    Affinity 本身无法导出字体。Affinity 字体制作工具能做什么、你有哪些选择,以及它们之间的对比。

  • Affont

    Affont 支持 Windows 和 macOS。一次付费,可在 3 台设备上使用,字体数量不限,100% 归你所有。

今天就开始做你的第一款字体。

Affont 支持 Windows 和 macOS。一次付费,可在 3 台设备上使用,字体数量不限,100% 归你所有。

购买 Affont · $24