Skip to content

字重与字距

字重和字距直接影响字体的可读性和美观度,是字体设计的关键技术指标。

字重(Weight)

什么是字重?

字重指笔画的粗细程度,影响字体的视觉重量感。

常见字重分类

英文名称中文名称粗细值适用场景
Thin极细100大标题、艺术设计
Light细体300副标题、优雅场景
Regular常规400正文首选
Medium中等500小标题
Bold粗体700强调、标题
Black超粗900海报、醒目标题

字重设计要点

1. 横竖比例

不同字重的横竖粗细比例不同:

Light:   横:竖 = 1:1.2
Regular: 横:竖 = 1:1.15  
Bold:    横:竖 = 1:1.1

常见错误

不能简单地放大缩小Regular来制作Bold,要单独设计!

2. 字怀调整

字重增加时,字内空间(字怀)会变小:

Regular: 字怀正常
Bold:    字怀要增大,否则会糊

解决方法:

  • Bold版本要减少笔画间距
  • 或增大字面(整体放大)

3. 视觉一致性

不同字重的字要保持家族感:

好:风格一致,只是粗细变化
差:Bold看起来像另一款字体

字距(Kerning & Tracking)

字距的两个概念

1. Tracking(字间距)

整体字符间距,影响密度。

紧凑:字体制作教程
正常:字 体 制 作 教 程
宽松:字  体  制  作  教  程

2. Kerning(字偶距)

特定字符对之间的微调。

未调整:A V (间距过大)
已调整:AV  (视觉协调)

字距设计原则

原则 1:视觉平衡优先

不是数值相等,而是视觉上看起来相等

"川"字三竖:
物理间距:不相等
视觉间距:看起来相等

原则 2:根据字重调整

Light:   字距可以稍宽
Regular: 字距标准
Bold:    字距要紧凑(否则松散)

原则 3:根据用途调整

标题:字距可以紧凑些(显得有力)
正文:字距要适中(利于阅读)

字距调整实战

步骤 1:设置默认字距

在字体软件中设置左右边距(Side Bearings):

左边距:字形宽度的 10-15%
右边距:字形宽度的 10-15%

步骤 2:测试常用组合

将字体应用到真实文本,观察:

测试文本示例:
字体制作教程
波澜壮阔的大海
TYPOGRAPHY

步骤 3:微调问题字对

找出视觉间距不协调的字对,单独调整。

中文常见问题组合:

  • "口"旁的字 + 窄字
  • "门"字框 + 宽字
  • 撇捺舒展的字 + 紧凑字

字重与字距的关系

核心规律

字重越大 → 字距要越小
字重越小 → 字距可以越大

原因:

  • 粗字视觉重量大,间距大会显得松散
  • 细字视觉重量小,间距紧会显得拥挤

黄金配比参考

字重建议字距(相对值)
Light120%
Regular100%
Bold85%
Black75%

实战工具

FontForge 中设置字距

1. Metrics → Set Width
2. Metrics → Auto Kern
3. Manually adjust problematic pairs

Glyphs 中设置字距

1. 打开 Metrics 视图
2. 输入测试文本
3. 拖动调整左右边距
4. 使用 Kerning 功能微调

常见问题

问题 1:字距看起来不均匀

原因: 只关注物理间距,忽略视觉平衡

解决:

  • 眯眼观察法(模糊视觉,看整体)
  • 打印出来观察
  • 倒置观察(减少文字干扰)

问题 2:加粗后字形糊了

原因: 字怀没有相应调整

解决:

  • Bold版本要增大字怀
  • 减少内部笔画数量
  • 整体放大字面

问题 3:不同尺寸显示效果不一致

原因: 没有针对尺寸优化

解决:

  • 小字号:字距稍宽,笔画稍粗
  • 大字号:字距可紧,细节更多
  • 考虑做多个 Master(进阶)

测试方法

测试 1:打印测试

打印 14pt、18pt、24pt 三个尺寸
观察可读性和美观度

测试 2:屏幕测试

在不同设备查看:
- 手机屏幕
- 电脑显示器
- 投影仪

测试 3:灰度测试

将字体转为灰度图
观察密度是否均匀

测试 4:倒置测试

把文本倒过来看
消除文字意义的干扰
纯粹观察视觉间距

进阶技巧

技巧 1:光学校正

某些字符需要视觉补偿:

"O" 要比 "H" 略大
"T" 下方空间要略缩进
三角形要比方形大一点

技巧 2:动态字距

根据前后字符自动调整(OpenType Feature)

技巧 3:多Master设计

为不同尺寸设计不同版本:

  • Display(大尺寸)
  • Text(正文)
  • Caption(小字)

下一步

掌握设计基础后,进入手写样本准备,开始实战制作!

持续更新

后续会增加字重设计对比案例和字距调整视频教程!