字型比例计算

怎么用

1. 输入基准字号，它既是正文字号，也是整条字阶的锚点。
2. 选择比例。小比例如 Minor Second 适合信息密集的界面，大比例如 Perfect Fifth 适合编辑类排版。
3. 选择输出保留几位小数，两位是实用的默认值。
4. 通过预览行比较各级别的大小关系，然后复制自定义属性代码块。
5. 把代码块粘贴进样式表，某个标题需要更强对比时再单独微调。

常见用法

• 启动设计系统 —— 由一个决定推导出八个一致的尺寸，而不是逐个猜数值。
• 比较不同比例 —— 在两个比例之间切换，观察 h1 级别变化多少。
• 重构旧样式 —— 把散落的硬编码字号换成一整套统一变量。
• 排版讲解 —— 演示比例如何随指数增长而放大。

常见问题

问：为什么是八级而不是六级？ 答：六个标题级别加正文是常规配置，但正文之下还需要一级用于辅助说明、图注与法律声明。工具内置这一级，省得你手动扩展字阶。

问：该选哪个比例？ 答：取决于内容类型。数据密集的界面用 1.067 到 1.2 比较易读，营销页常用 1.333 到 1.5，大号展示标题可以用到黄金比例 1.618。建议对照预览再决定。

问：同一页面能混用比例吗？ 答：可以。很多团队在窄屏用较小比例、宽屏用较大比例。生成两套字阶，再用媒体查询切换即可。