这是无衬线字体示例。The quick brown fox jumps over the lazy dog.
适用于：标题、正文、UI元素
这是衬线字体示例。The quick brown fox jumps over the lazy dog.
适用于：印刷品、正式文档、长篇文章
这是等宽字体示例。The quick brown fox jumps over the lazy dog.
适用于：代码、数据、技术文档
这是手写字体示例。The quick brown fox jumps over the lazy dog.
适用于：个性化设计、签名、特殊效果
这是像素字体示例。The quick brown fox jumps over the lazy dog.
适用于：游戏、复古设计、像素艺术
这是电影字幕字体示例。The quick brown fox jumps over the lazy dog.
适用于：电影、视频、字幕设计
这是爱点风雅黑字体示例。The quick brown fox jumps over the lazy dog.
适用于：中文排版、现代设计、品牌标识
这是极小号文字 (0.75rem / 12px)
这是小号文字 (0.875rem / 14px)
这是基准大小文字 (1rem / 16px)
这是大号文字 (1.125rem / 18px)
这是特大号文字 (1.25rem / 20px)
这是超特大号文字 (1.5rem / 24px)
这是巨大号文字 (1.875rem / 30px)
这是超大号文字 (2.25rem / 36px)
这是巨大号文字 (3rem / 48px)
这是超大号文字 (3.75rem / 60px)
这是极细字体 (100)
这是特细字体 (200)
这是细字体 (300)
这是正常字体 (400)
这是中等字体 (500)
这是半粗字体 (600)
这是粗字体 (700)
这是特粗字体 (800)
这是极粗字体 (900)
这是正文内容，使用正常字重，提供良好的阅读体验。The quick brown fox jumps over the lazy dog.
这是中等字重的文本，用于强调重要内容。The quick brown fox jumps over the lazy dog.
这是半粗字重的文本，用于突出显示。The quick brown fox jumps over the lazy dog.
这是粗体文本，用于最重要的信息。The quick brown fox jumps over the lazy dog.
这是无行高文本 (1.0) - 行与行之间没有额外间距
这是紧凑行高文本 (1.25) - 适用于标题和紧凑布局
这是适中行高文本 (1.375) - 适用于大多数正文
这是标准行高文本 (1.5) - 推荐用于正文内容
这是宽松行高文本 (1.625) - 适用于长篇文章
这是非常宽松行高文本 (2.0) - 适用于特殊排版需求
这是使用紧凑行高的段落示例。紧凑的行高适用于标题和需要节省空间的布局。The quick brown fox jumps over the lazy dog. 快速的棕色狐狸跳过懒惰的狗。
这是使用标准行高的段落示例。标准行高提供了良好的阅读体验，适用于大多数正文内容。The quick brown fox jumps over the lazy dog. 快速的棕色狐狸跳过懒惰的狗。
这是使用宽松行高的段落示例。宽松的行高提供了更好的阅读体验，特别适用于长篇文章和需要舒适阅读的场景。The quick brown fox jumps over the lazy dog. 快速的棕色狐狸跳过懒惰的狗。
左对齐文本示例
居中对齐文本示例
右对齐文本示例
两端对齐文本示例。这是一个较长的段落，用于展示两端对齐的效果。The quick brown fox jumps over the lazy dog.
下划线文本示例
删除线文本示例
无下划线文本示例
文本阴影示例
uppercase text example
LOWERCASE TEXT EXAMPLE
capitalize text example
渐变文字效果
紧凑字间距示例 (-0.05em)
较紧凑字间距示例 (-0.025em)
标准字间距示例 (0)
较宽字间距示例 (0.025em)
宽字间距示例 (0.05em)
使用主色调渐变
使用次要色渐变
使用成功色渐变
使用危险色渐变