用途:帮助开发者用 CSS 构建可读且美观的网页文本,覆盖字号比例、层级、垂直节奏、字体搭配与现代文本特性。
主要能力:给出推荐字号比例(如 Major Third 1.25)与常见比例对照;提供 clamp() 流体字号和容器查询单位(cqi)的响应式方案;用尺寸、字重、间距和颜色建立标题与正文层级;以基线(--baseline: 1.5rem)派生间距,形成垂直节奏;给出 line-height 取值建议、字体搭配策略与安全系统字体栈;讲解 text-wrap(balance、pretty、stable、nowrap)、悬挂标点 hanging-punctuation、断词 hyphens、孤行寡行、最佳行长(45-75ch);介绍 OpenType 特性(kern、liga、tabular-nums、oldstyle-nums、small-caps 等)与可变字体;并提供字体加载(preload、font-display: swap)、深色模式、高对比度、减少动画等无障碍与响应式处理。
使用方式:以 CSS 自定义属性(token)形式落地,资料包含字号、字重、行高、字距、基线等 token 定义,以及标题、正文、辅助文本、引用、示例卡片等样式片段。可按需将相关声明写入项目样式表,并参考文末清单逐项核对。
适用场景:内容站、博客、文档、营销与编辑类页面的排版系统搭建,以及组件内响应式字号。
限制:部分特性浏览器支持有限,悬挂标点目前仅 Safari 支持,宜作渐进增强;orphans/widows 主要影响打印与多栏布局;资料未提供安装命令或具体依赖。