Aa
模块化字阶生成器
排版好看的秘密是字号之间保持固定比率。选一个基准字号与经典比率（黄金比、大三度……），本页按活字印刷的字模递乘方式生成 H1–H6、正文与 small 的完整梯度，附 px、rem、行高与 CSS 变量，实时预览、一键复制下载。
1参数
比率 = 相邻两档字号的倍数，可点选预设或手动输入。
px（正文）
1.02 – 2.00
经典比率预设
预览字体栈
2字阶表与预览
点击表内代码可复制。行高按字号自动收敛：正文 1.6，大标题低至 1.15。
| 用途 | px | rem | 行高 | 变量 |
|---|
3导出 CSS
rem 变量 + 语义化字号令牌，可直接放进 :root。
四种比率方案对比与字阶曲线
固定当前基准字号，横向比较四个经典比率的 H1–small 实际字号；下方曲线把“小字 → H1”的爬升速度画出来，越陡的线层级差越大。
| 用途 | 1.125 大二度 | 1.25 大三度 | 1.333 纯四度 | 1.5 纯五度 |
|---|---|---|---|---|
| 请输入 10–24px 基准字号后显示对比 | ||||
方案管理 · 数值对比 · 导出
调好的参数可存成方案随时载入，也能生成可分享链接；结果里的数值列会自动画成对比图，并支持导出 CSV / JSON。
还没有留言，来抢沙发吧！