很多团队做字体系统时会陷入一个误区：把所有可能的字号和字重都列出来，结果可选项越来越多，页面反而更乱。字体系统真正的目标是减少选择。它应该回答三个问题：标题怎么写才像标题，正文怎么写才像正文，辅助信息怎么写才像辅助信息。选项少但覆盖足够，才会稳定。
当字体系统稳定后，页面信息层级会更自然。用户扫一眼就能分辨重点，团队也不需要在每个页面重复争论字号细节。
建议从层级语义开始，而不是从具体字号开始。常见层级包括：页面标题、区块标题、列表标题、正文、说明、注释。每个层级定义它的使用场景和出现位置。层级定义清楚后，再为每个层级分配字号、字重和行高。这样做能避免出现同一个字号被拿去做不同语义的情况。
层级的数量不要太多。层级越多，越难维护，最终会被随意使用。通常五到七个核心层级就足够覆盖大部分页面。
很多字体系统看起来不舒服，原因不是字号，而是行高没有和字号匹配。行高太紧会让段落像挤在一起，行高太松会让阅读断裂。建议为每个层级同时定义行高，并保证行高与间距档位有关系。例如正文行高可以对应一个常用间距单位，让段落间距和模块间距形成一致节奏。
标题行高也很关键。标题常常是两行或三行，行高过大时会显得松散，行高过小时会显得压迫。把标题当成一个块来设计，而不是当成单行文字。
字体系统要落地，离不开 Token。Token 的意义是把视觉决定变成可被引用的接口。例如 text- -lg、text-body-md、text-caption。页面里引用 Token，而不是引用具体字号。这样当你要统一调整字体尺度时，只改 Token 就能全局生效。
Token 命名要同时包含语义和尺度，避免出现含糊的名字。语义告诉你用在哪里，尺度告诉你相对大小。命名一旦确定就要尽量稳定，否则会破坏可维护性。
字重不是越重越突出。字重的效果会受到颜色对比和背景影响。在浅色背景上，过重的字会显得发黑，影响精致度。在深色背景上，过细的字会发虚。建议把字重当成对比的一部分，与颜色一起设计。主标题可以用稍重字重配合更高对比，正文保持中性字重，说明文字用稍浅颜色而不是只减小字号。
当你发现页面层级不清时，先检查对比体系是否完整。很多情况下，不需要增加更多字号，只需要调整颜色对比和留白，就能让层级变清楚。
字体系统崩坏通常发生在迭代中。每次有人为了某个页面“微调一下”，久了就出现大量例外。解决办法是把规则写进组件和模板：标题组件只能选有限 Token，正文组件同样如此。把自由度从页面层收回到系统层，页面才会稳定。
当字体系统成为默认路径，团队会更愿意遵守，因为遵守比破坏更省力。这才是系统真正的落地方式。
字体是内容，间距是节奏。两者如果各做各的，页面很难统一。建议在定义字体层级时同步定义对应的间距档位，例如正文段落间距、标题与正文间距、模块间距。让字体与间距形成一套节奏单位，页面会更像一个整体。这样即使内容不同，用户也能感到熟悉和可预测。
当你后续要做响应式时，这套节奏也能一起缩放。你不必为每个断点重新设计字体与间距，只需要在 Token 层做有限调整，就能保持一致体验。
字体是内容，间距是节奏。两者如果各做各的，页面很难统一。建议在定义字体层级时同步定义对应的间距档位，例如正文段落间距、标题与正文间距、模块间距。让字体与间距形成一套节奏单位，页面会更像一个整体。这样即使内容不同，用户也能感到熟悉和可预测。
当你后续要做响应式时，这套节奏也能一起缩放。你不必为每个断点重新设计字体与间距，只需要在 Token 层做有限调整，就能保持一致体验。
字体是内容，间距是节奏。两者如果各做各的，页面很难统一。建议在定义字体层级时同步定义对应的间距档位，例如正文段落间距、标题与正文间距、模块间距。让字体与间距形成一套节奏单位，页面会更像一个整体。这样即使内容不同，用户也能感到熟悉和可预测。
当你后续要做响应式时，这套节奏也能一起缩放。你不必为每个断点重新设计字体与间距，只需要在 Token 层做有限调整，就能保持一致体验。
字体是内容，间距是节奏。两者如果各做各的，页面很难统一。建议在定义字体层级时同步定义对应的间距档位，例如正文段落间距、标题与正文间距、模块间距。让字体与间距形成一套节奏单位，页面会更像一个整体。这样即使内容不同，用户也能感到熟悉和可预测。
当你后续要做响应式时，这套节奏也能一起缩放。你不必为每个断点重新设计字体与间距，只需要在 Token 层做有限调整，就能保持一致体验。
字体是内容，间距是节奏。两者如果各做各的，页面很难统一。建议在定义字体层级时同步定义对应的间距档位，例如正文段落间距、标题与正文间距、模块间距。让字体与间距形成一套节奏单位，页面会更像一个整体。这样即使内容不同，用户也能感到熟悉和可预测。
当你后续要做响应式时，这套节奏也能一起缩放。你不必为每个断点重新设计字体与间距，只需要在 Token 层做有限调整，就能保持一致体验。
