LETTERKIND / 02

字号层级

根据基础字号与倍率生成标题字号,预览页面层级。

YOUR LITTLE WORKBENCH

字号层级

本机处理 ✦

使用本机已安装字体试排样文;设置仅保留在当前页面,切换工具前可导出 JSON 配方,不请求远程字体。

Heading 1 · 48.828 px · 3.052 rem

A little space changes everything.

Heading 2 · 39.063 px · 2.441 rem

A little space changes everything.

Heading 3 · 31.25 px · 1.953 rem

A little space changes everything.

Heading 4 · 25 px · 1.563 rem

A little space changes everything.

Heading 5 · 20 px · 1.25 rem

A little space changes everything.

Body · 16 px · 1 rem

A little space changes everything.

Small · 12.8 px · 0.8 rem

A little space changes everything.

字体显示取决于本机安装;ch 不等于准确字数,导出的 rem 标题假设使用所选根字号参考值。使用前请在实际页面核对。

THE METHOD / 01

每一步操作,都有清楚的说明。

第 n 级字号 = 基础字号 × 倍率的 n 次方,px 与 rem 使用明确输入的根字号换算。

01

试用一个示例

16 px 基础、1.25 倍率,会得到 20、25、31.25、39.0625 px。

02

留意使用边界

生成层级用于开始设计,不保证所有屏幕与语言的可读性。

查看全部使用方法 ↗
A FEW USEFUL ANSWERS

你可能想了解。

输入会上传吗?

不会。处理在浏览器本地进行;托管服务仍会接收网页和静态资源的常规请求。

如何保存结果?

使用当前工具的下载按钮,或通过浏览器打印。座位计划、记忆卡片和文档草稿会保存在本机,详见隐私说明。

需要注册吗?

无需注册、付费 API 或订阅,中英文页面使用相同功能,根目录固定展示英文。

LETTERKIND / TOOLKIT

每一个步骤,都有小帮手。