使用步骤
- 设置基础字号、最小视口和最大视口。
- 调整字号缩放比例和步进值。
- 复制生成的 clamp() CSS 或设计 Token。
设计工具
生成响应式 CSS clamp() 字体比例、设计 token 和标题/正文排版代码。
使用指南
设置最小和最大字号及视口范围,生成平滑缩放的 CSS clamp() 排版代码。
Loading
工具组件加载中。
设计工具
生成响应式 CSS clamp() 字体比例、设计 token 和标题/正文排版代码。
7 个字体尺寸
360px - 1440px
1.125 - 1.25
--font-xs
辅助文字0.7901rem → 0.7901rem--font-sm
说明文字0.8889rem → 0.9rem--font-base
正文1rem → 1.125rem--font-lg
强调正文1.125rem → 1.4063rem--font-xl
小标题1.2656rem → 1.7578rem--font-2xl
章节标题1.4238rem → 2.1973rem--font-3xl
页面标题1.6018rem → 2.7466rem