字体预览器
在线预览和对比不同字体效果，支持自定义样式参数，一键生成 CSS 代码
24px
0px
1.5
#333333
自定义字体（Google Fonts）
预览文本
预览效果
The quick brown fox jumps over the lazy dog.
敏捷的棕色狐狸跳过了懒狗。
0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
经典字体搭配
经典搭配
Georgia, serif
Arial, sans-serif
现代简约
"Times New Roman", serif
"Helvetica Neue", Helvetica, sans-serif
优雅中文
"Noto Serif SC", SimSun, serif
"PingFang SC", "Microsoft YaHei", sans-serif
开发友好
Palatino, "Book Antiqua", serif
"Segoe UI", Roboto, sans-serif
阅读优化
Georgia, serif
"Open Sans", sans-serif
Google 组合
"Roboto Slab", serif
"Roboto", sans-serif
生成的 CSS
.text-preview {
font-family: Arial, sans-serif;
font-size: 24px;
font-weight: 400;
letter-spacing: 0px;
line-height: 1.5;
color: #333333;
text-align: left;
}字体预览器使用说明
主要功能
- 字体选择 - 内置常用系统字体和 Google Fonts
- 样式调节 - 字号、字重、字间距、行高等实时调整
- 对比模式 - 多字体同屏对比，直观选择最佳字体
- CSS 生成 - 一键生成可用的 CSS 代码
使用场景
- 网页设计字体选型
- 品牌视觉字体搭配
- 中英文字体效果对比
- CSS 样式快速调试