跳转到主要内容

多字重和可变字体怎么设计

适合谁看:想把一款字扩展成多个粗细,或者做成可变字体的设计者。

母版和插值

多字重家族通常不是每个字重从头画,而是:

  1. 先画好两端的母版,例如最细和最粗;
  2. 软件在母版之间插值,自动算出中间字重;
  3. 必要时增加中间母版,修正插值效果不好的地方。

插值的前提是各母版兼容:同一个字形在每个母版里的轮廓点数量、顺序、方向都要一致。设计时就要为插值做准备。

可变字体

可变字体把母版和插值规则直接装进一个字体文件,使用时可以取任意中间值。使用时可以取任意中间值[1][2]。

  • 轴:每个可变的维度叫一个轴。常见的注册轴有字重 wght、宽度 wdth、倾斜 slnt、斜体 ital、视觉字号 opsz[3][4];
  • 设计空间:所有轴构成的范围,母版是其中的点;母版是其中的点[5];
  • 命名实例:在轴上预设的常用值,如 Regular、Bold,方便在不支持可变字体的软件里选择。

中文字体的特别之处

  • 笔画多的字难插值:粗字重时笔画多的字容易挤在一起,往往需要单独修改结构,或者为特定字形设置替换规则;
  • 文件大:几千到几万个字形,每个都带多个母版数据,文件会明显变大;
  • 测试量大:每个字都要在多个字重下检查。

使用者怎么选

如何在多字重家族和可变字体之间选择、网页上怎么用,见《多字重家族和可变字体怎么挑》 和《可变字体和增量字体传输》。

参考资料

参考资料(5)
    1. Google Fonts Knowledge:Introducing variable fonts:https://fonts.google.com/knowledge/introducing_type/introducing_variable_fontsfonts,Google Fonts
    2. Google教程:Creating Fontsa Variable Font(英文),Glyphs
    Knowledge:Axis (in variable fonts):https://fonts.google.com/knowledge/glossary/axis_in_variable_fonts,Google Fonts OpenType 规范:注册的设计变化轴,Microsoft Knowledge:Designspace,Google Fonts Knowledge:Designspace:https://fonts.google.com/knowledge/glossary/designspace Glyphs 教程:Creating
    a Variable Font(英文):https://glyphsapp.com/learn/creating-a-variable-font Microsoft OpenType 规范:注册的设计变化轴:https://learn.microsoft.com/en-us/typography/opentype/spec/dvaraxisreg