Typography
Typography Tokens 用于管理和规范排版样式,包括FontSizes
、FontFamilies
、FontWeights
、LineHeights
等。确保文本在整个应用中具有统一的视觉风格和层次感。
FontSizes
FontSizes Tokens 是一组预设的字体大小。
默认情况下,FontSizes 类型的 Tokens 可直接应用于以下属性
fontSize
。Token | Value |
---|---|
fontSizes.sm | 12px |
fontSizes.md | 14px |
fontSizes.lg | 16px |
fontSizes.xl | 18px |
fontSizes.2xl | 20px |
FontFamilies
FontFamilies Tokens 是一组预设的字体。
默认情况下,FontFamilies 类型的 Tokens 可直接应用于以下属性
fontFamily
。Token | Value |
---|---|
fontFamilies.sans | ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' |
fontFamilies.serif | ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif |
fontFamilies.mono | ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace |
FontWeights
FontWeights Tokens 是一组预设的字重。
默认情况下,FontWeights 类型的 Tokens 可直接应用于以下属性
fontWeight
。Token | Value |
---|---|
fontWeights.hairline | 100 |
fontWeights.thin | 200 |
fontWeights.light | 300 |
fontWeights.normal | 400 |
fontWeights.medium | 500 |
fontWeights.semibold | 600 |
fontWeights.bold | 700 |
fontWeights.extrabold | 800 |
fontWeights.black | 900 |
LineHeights
LineHeights Tokens 是一组预设的行高。
默认情况下,LineHeights 类型的 Tokens 可直接应用于以下属性
lineHeight
。Token | Value |
---|---|
lineHeights.normal | normal |
lineHeights.none | 1 |
lineHeights.shorter | 1.25 |
lineHeights.short | 1.375 |
lineHeights.base | 1.5 |
lineHeights.tall | 1.625 |
最后更新时间