---
url: /components/typography.md
---
# Typography 排版

排版是中英文界面信息层级的基础。本库提供 `EbTitle` / `EbParagraph` / `EbText` 三件套，统一消费字号刻度（12–40px）与行高令牌，中文以 PingFang/微软雅黑回退、拉丁以 Inter 优先，数字启用等宽（tabular-nums）。

## 标题 Title

`level` 1–5 对应 32 / 24 / 20 / 16 / 14 px，默认渲染语义化 `h1–h5` 标签（可用 `tag` 覆盖）。

`copyable` 在悬停时显示复制按钮，点击复制标题纯文本：

## 段落 Paragraph

`ellipsis` 多行截断：传 `true`（3 行）或 `{ rows: n }`；`copyable` 同标题。

## 文本 Text

`EbText` 在基础语义色之上提供行内标记与复制能力：

## Typography API

### EbTitle

| 名称 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| level | Number | `1` | 层级 1–5，对应 32/24/20/16/14px |
| tag | String | 按 level | 渲染标签，默认 h1–h5 |
| copyable | Boolean | `false` | 悬停显示复制按钮 |
| copy-text | String | 组件文本 | 复制内容 |

### EbParagraph

| 名称 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| ellipsis | Boolean / Object | `false` | 多行截断；`{ rows: n }` 指定行数 |
| copyable | Boolean | `false` | 复制按钮 |
| spacing | Boolean | `true` | 段距 |

### EbText（在原 API 上新增）

`ellipsis`（Boolean / `{ rows }`）、`copyable`、`copy-text`、`mark`、`code`、`underline`、`delete`、`strong`。