模块化字体比例计算器
根据基础字号、比例和步数生成模块化字体比例——任何设计系统排版令牌集的核心。
如何使用模块化字体比例计算器
- 输入基础字号（px）。
- 选择模块化比例。
- 选择要生成的最大步数。
- 点击计算，查看逗号分隔的字号列表。
使用场景
- •创建排版令牌。
- •设计品牌风格指南。
- •在代码中重建 Figma 文字样式。
公式
size(step) = base × ratio^step。第 0 步返回基础字号；步数越高，字号呈指数增长。
常见问题
应该选用哪个比例？
较小的比例（1.125、1.200）层级差异细腻，适合密集型界面。较大的比例（1.414、1.500）能营造出戏剧性的版式对比效果。1.250 是网页设计中稳妥的默认选择。
需要取整到整像素吗？
基于 rem 的比例可以保留小数值；px 令牌通常取整到 0.5 px 或整像素，以保证渲染精度。
这和 Tailwind 的比例一样吗？
不一样——Tailwind 使用手动调整的固定档位，而非纯模块化比例。当您需要自定义品牌字体规范时，可以用此计算器生成替代比例。