F4.12.2CJK em-box side bearings设计

中文字距通常无需额外调整,默认字身间距已含视觉间隙

别名: 汉字字距 · 字身 · em square · 中文 tracking

概念解释

汉字被设计在一个方的字身(em box)里,左右已经留了边距。默认挨着排,字与字之间的缝是字身自带的,不是缺了一层 letter-spacing。再给中文段落加字距,等于在已经算好的缝上再撕一道,阅读会从「认字」变成「数彼此无关的方块」。西文缺了这层内置缝,才需要 tracking;把西文习惯套到中文,是在修一个不存在的缺口。

机制

汉字字形很少顶到字身四边,左右的空白是字体设计师留作邻字缓冲的。横排时,相邻两个字身并置,视觉缝大约是两边边距之和,这个量按字号线性缩放,不需要额外系数。letter-spacing 在中文里加的是字身与字身之间的第三道缝,它不参与汉字内部的重心,只让整行变稀。中文也没有词间空格来对冲这道缝,所以加宽不会「让词更松」,而会让每个字都变成孤岛,分词完全靠读者自己在脑子里做。标点悬挂、行末压缩是另一套对字身的局部手术,不属于给整段加 tracking。

边界

极小字号的中文(注释、地图注记)有时要加一点缝,否则笔画糊成一团,那是辨识问题,不是默认正文策略。美术标题、字间插入图案,属于图形排版。中西混排时,西文片段仍按西文 tracking 走,不要为了「整段一致」给汉字也加上同样的 letter-spacing。竖排中文的字距是上下方向,机制相同:字身已经留了天与地,再加 letter-spacing 会沿行向撕开。

怎么落地

  • 中文正文的 letter-spacing 保持字体默认(通常为零),不要从西文标题样式里继承一层加宽。
  • 并排两段同样内容:一段默认,一段加 0.1em。若加缝的一段读起来像在数方块,那层样式就不该在中文段落上。
  • 检查级联:全局 * { letter-spacing: … } 或从英文组件拷过来的样式,是中文被误伤的常见来源。

延伸

  • 同组F4.12.1 字距过紧会使字符粘连,过松会割裂词的完整性 · F4.12.3 全部大写或小字号场景需要适度增加字距以维持可辨 · F4.12.4 词距不均匀的两端对齐会在西文段落中产生视觉空洞
  • 相邻F4.06 中西文混排 · F4.14 标点与避头尾
  • 站内检索em box · CJK tracking · side bearing

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F4.12.2