03 / 免费网页工具
找到舒适的字号节奏。
调整一组简洁的字号,预览结果,并复制可用于自己网页的 CSS。
即时预览仅使用系统字体不上传内容
ZORELIO TYPE SCALE
仅在当前浏览器调整字号比例。
12 px24 px
1.102.00
示例仅在浏览器中使用,不会保存。
即时样张16 px · 1.2
展示标题
A clear place to begin.
章节标题
为认真做事准备的小工具。
小标题
把信息理清,事情就顺很多。
引导文字
为下一个想法,准备一个实用的起点。
正文
清晰的文字,能让下一步更容易看见。
注释
细小的信息,也值得轻松阅读。
调整任意选项即可更新预览。
04 / 使用方法
先预览,再调整,最后复用。
这是一个简洁的排版辅助工具。它使用设备已有字体预览字号,并生成供你检查的 CSS 变量。
- 选择基础字号和比例,建立字号阶梯。
- 调整行高和示例文字,直到预览清晰易读。
- 复制 CSS 变量,并在自己的项目中按需修改。