Typography
Typography Tokens 用于管理和规范排版样式,包括FontSizes、FontFamilies、FontWeights、LineHeights等。确保文本在整个应用中具有统一的视觉风格和层次感。
FontSizes
FontSize Tokens 是一组预设的字体大小。
默认情况下,FontSize Tokens 可直接应用于以下属性
fontSize。| Token | Value |
|---|---|
| fontSizes.sm | 12px |
| fontSizes.md | 14px |
| fontSizes.lg | 16px |
| fontSizes.xl | 18px |
| fontSizes.2xl | 20px |
FontFamilies
FontFamily Tokens 是一组预设的字体。
默认情况下,FontFamily 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
FontWeight Tokens 是一组预设的字重。
默认情况下,FontWeight 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
LineHeight Tokens 是一组预设的行高。
默认情况下,LineHeight 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 |
最后更新时间