字体知识 · 定义与方法
體體體显示不同如何排查
看到體體體中某一字像是变粗、变窄或缺笔时,先检查三个码位是否相同,再检查字体与样式。显示差异不一定意味着输入了不同字符。
先区分三种症状
若三个位置都成方框,检查字体是否覆盖體;若只有一位不同,检查它是否是体、是否单独套了样式;若整串重影,检查是否存在重叠的文本层。症状相似,修复对象可能分别是文字、字体或布局。
同一文本,分层比较
先把原串复制到纯文本中,再放进同一个未分段的 HTML 文本节点。确认三个字使用相同 font-family、font-weight、font-size 与 lang 设置。若这时一致,再逐项恢复原页面样式,查是哪一项引入差异。
字库回退也要看实际结果
CSS 声明字体名不代表三个字最终都由它绘制。查看工具中的实际渲染字体;页面若把每个字拆成不同 span,可能给每段设置不同字体。记录异常发生的位置,避免只截取首字证明整串正常。
必要的限制
本站图解使用文本绘制,看到的字形取决于查看设备可用的字体;不把图解当成字体覆盖认证或地区标准字样。不能用换字成体的办法悄悄掩盖體的缺字问题。
适用场景与限制
适合
- 先把原串复制到纯文本中,再放进同一个未分段的 HTML 文本节点。确认三个字使用相同 font-family、font-weight、font-size 与 lang 设置。若这时一致,再逐项恢复原页面样式,查是哪一项引入差异。
不适合
- 本站图解使用文本绘制,看到的字形取决于查看设备可用的字体;不把图解当成字体覆盖认证或地区标准字样。不能用换字成体的办法悄悄掩盖體的缺字问题。
关联阅读
继续了解
下面的条目帮助区分相邻概念。
方法比较
相关比较
| 比较主题 | 解决问题 | 建议 | 完整比较 |
|---|---|---|---|
| 體體體的字距与空格比较 | 比较用样式拉开三字和在文本中插入空格,解释复制与搜索结果为何不同。 | 先确认需要改变的是显示还是文本。让體體體更疏朗并不一定需要插入空格;检索时也应将空格变体单独记录。 | 查看维度 |
自制图解
文字与显示
原字与字形分层检查。
illustration 已核验
體體體逐位置对照
上排三个體分别标为U+9AD4,下排三个体分别标为U+4F53。逐字转换不删除重复。
查看图解常见问题
常见疑问
三个字一样,为什么中间一个更粗?
先查三个码位是否相同;若相同,再检查单独标签上的字体与字重。只凭外观不能确定输入错了字。
数据透明度
来源与核验状态
- CSS Fonts Level 4 已核验
- 发布方
- W3C
- 访问日期
- 2026-09-10
- 支持字段
- 字体匹配及回退机制;工作草案