03 / 免费网页工具

找到舒适的字号节奏。

调整一组简洁的字号,预览结果,并复制可用于自己网页的 CSS。

即时预览仅使用系统字体不上传内容
ZORELIO TYPE SCALE

调整字号比例。

仅在当前浏览器
16 px
12 px24 px
1.50
1.102.00
示例仅在浏览器中使用,不会保存。
即时样张16 px · 1.2
展示标题

A clear place to begin.

章节标题

为认真做事准备的小工具。

小标题

把信息理清,事情就顺很多。

引导文字

为下一个想法,准备一个实用的起点。

正文

清晰的文字,能让下一步更容易看见。

注释

细小的信息,也值得轻松阅读。

调整任意选项即可更新预览。

04 / 使用方法

先预览,再调整,最后复用。

这是一个简洁的排版辅助工具。它使用设备已有字体预览字号,并生成供你检查的 CSS 变量。

  1. 选择基础字号和比例,建立字号阶梯。
  2. 调整行高和示例文字,直到预览清晰易读。
  3. 复制 CSS 变量,并在自己的项目中按需修改。
工作时的音乐原创试听 · 准备好后可替换为已获授权的音乐