关于 CSS 字体比例生成器
该工具用于根据基准字号和比例体系生成整套字体尺寸，支持多种经典比例（如黄金比例、完全四度等）。
核心功能
- 基准字号设定：从一个基准值推导全套字号层级。
- 比例体系选择：支持 major/minor third、perfect fourth/fifth、golden ratio、octave。
- 层级数量控制：可配置生成的等级数量。
- 实时预览：直观看到各级字体在实际文本中的效果。
- CSS 输出复制：一键导出字号变量/样式代码。
使用说明
- 设置基准字号。
- 选择比例类型。
- 调整生成层级数量。
- 查看预览并复制输出 CSS。
使用场景
- 设计系统字体层级 Token 构建。
- 标题与正文比例关系统一。
- 落地页与内容页排版基线制定。
常见问题
比例越大越好吗？
不一定。比例过大容易导致层级跨度过猛，通常需要结合内容密度平衡。
为什么同样字号在不同字体观感不同？
字体 x-height、字面宽和笔画密度不同，建议基于目标字体做二次校正。