让团队在同一页看懂变更
正文要足够的字级和行距，视线才能沿标题、段落、辅助信息顺序移动；强调用字重而非纯颜色，层级在不同主题下都稳。
重点：先说明影响，再给下一步。查看详情排版实验台：调出长文最舒服的节奏
同一段产品更新通知，拖动字号/行高/字重/字距滑块，规格读数和节奏标尺直接长在物件上。层级靠字级·行高·字重，不靠颜色。
任务：这是「产品更新」通知，目标是让正文长段可读、层级清楚。拖动字号/行高/字重/字距四个滑块，对照右侧节奏标尺和规格读数，找到长文最舒服的组合。
- font-size
- 16px
- line-height
- 1.60
- font-weight
- 常规 400
- letter-spacing
- 0.00em
- heading
- 26px · 600
- scale
- 正文 ×1.6 / ×0.82
节奏判定：节奏舒适
当前 16/1.60/400：节奏舒适，层级清楚。 对照舒适区 1.4–1.8：通过。 下一步：把行高拉到 1.3 看挤感，或字号调到 14 看层级是否仍成立。
面板里读到的结论
刚才的规格读数和节奏标尺，对应的是字号、行高、字重、字距和比例这几条排版主线。
- 行高有舒适区：正文落在 1.4–1.8（长文偏 1.6）；低于 1.4 行挤，高于 1.8 段落关系散。
- 字重承担层级：标题比正文重 200 左右，配合 ×1.6 字号放大，不靠颜色也能排出顺序。
- modular scale：字号按固定比例（1.2 / 1.25 / 1.333 / 1.6）递进，标题、正文、辅助共享同一节奏。
- 字距影响词形：正文 letter-spacing 多为 0 或微负；超过 0.06em 词形散，小字可微正。
- font 简写顺序：font-style font-variant font-weight font-stretch font-size / line-height font-family，漏写会被默认值覆盖。
- 字体加载：FOIT 是字体加载前文字隐身，FOUT 是先显示降级字体再切换；用 font-display: swap 控制是否先显示降级。
什么时候该专门调排版
看到长段读不下去、层级糊成一团、或缩放后布局挤压时必须调；纯图标、单字 logo 或装饰大字不必套正文规则。
长文阅读、文档站、产品更新说明、数据表格标签、表单说明——任何要读连续文字的地方。
纯视觉海报、图标里的单字、临时数字翻牌，正文行高和字距规则不适用。
怎么从任务走到规格
从「这段文字要被读还是被扫」倒推字号，再用比例和字重排出层级，最后真实屏验证。
- 先定正文字号：长文 16px 起步，数据表格可 13–14px，标题场景可更大。
- 行高落在 1.4–1.8：长文偏 1.6，小字或数据行偏 1.3–1.5。
- 用 modular scale 排层级：标题 = 正文 ×1.25–1.6，辅助 = 正文 ×0.8–0.85。
- 字重做强调：标题 +200，重点句 +100，正文 400；字距正文 0，标题微负。
- 在真实屏宽、缩放和深浅主题下复测，确认层级和可读性都成立。
盯这些关注点
调排版时容易只盯字号，行高、字距和加载常被忽略。
- 盯行高是否落在舒适区，而不是只看字号够不够大。
- 盯字距是否破坏词形，特别是中英文混排和数字单位。
- 盯字体加载期的隐身或闪现，给 font-display 一个明确策略。
同一段通知：正例与反例
同样是产品更新通知，差异只在排版参数。
正文 16px、行高 1.6 落在舒适区，字距 0；标题靠 ×1.6 放大与 +200 字重承担层级。长段顺着行距流动，三步内读到下一步。
差异：层级靠字级·行高·字重，长文通过。字号 12px 配行高 1.25，行挤成墙；字距 0.06em 让词形散开。标题没放大，和正文混作一团，读长段很快疲劳。
差异：只改了排版参数，可读性和层级同时崩。快速自测
你在做数据密集的后台表格，正文字号定 13px。行高和字距怎么选最合理？
继续查证
术语的技术定义和行为以这些一手或权威资料为准。
下一步学
和本知识点经常一起出现的概念。