Skip to Content
JoyUI

字体排版

JoyUI 字阶:复合 text-{family}-{weight} 工具类。

字号、字重、行高打包在同一工具类里,例如 text-title-2-medium。

Title 1 Medium

Title 2 Medium

Headline Medium

Body 1 Regular — size/weight/line-height stay together. Do not rebuild with text-sm font-medium.

Caption 1 Medium

原则

  • 标题:text-display-* / text-title-* / text-headline-*
  • 正文:text-body-1-regular / text-body-1-medium
  • 说明:text-caption-1-* / text-label-1-*
  • 禁止:text-sm font-medium 手拼字阶

On this page