代码、数据与二维码工具

排版字号比例

选择基础字号、比例和级数,创建可复用的排版比例。

优先本地处理无需注册隐私说明 ↗

CSS 变量

使用步骤

如何使用

  1. 设置 8–64 px 的基础字号。
  2. 选择 1.05–3 的比例和 2–12 级。
  3. 生成 CSS 变量和流式值。

几何比例

每级字号等于基础字号乘以比例的级次幂。

响应式 CSS

流式值使用 clamp,并为每级设置边界。

行高说明

生成注释显示 line-height 1.5;可按字体调整。

常见问题

你可能还想知道

比例控制什么?

它是相邻字号之间的乘数。

字号支持响应式吗?

基础级之后会输出 clamp 值。

可以修改行高吗?

可以,1.5 只是已披露的起始假设。