关于 CSS 字间距预览工具
该工具用于评估 letter-spacing 对文本可读性与视觉风格的影响,支持预设、实时预览与 CSS 输出。
核心功能
- 字间距调节:支持负值与正值(
em单位)微调。 - 快速预设:一键切换常见字间距档位。
- 字号联动:与字体大小一起观察阅读效果。
- 文本样本输入:可替换样例内容用于真实预览。
- 代码复制:自动输出并复制 CSS 声明。
使用说明
- 输入字间距与字号参数。
- 选择预设或手动细调。
- 输入实际业务文案做预览。
- 复制 CSS 结果应用到文本样式。
使用场景
- 标题、按钮、导航文案字距调优。
- 品牌字体风格统一。
- 多语言场景下的排版可读性测试。
常见问题
负字间距什么时候合适?
常用于大标题紧凑排版,但正文滥用会降低可读性。
为何同样数值在不同字体效果差异大?
不同字体字面宽、字偶间距和字形结构不同,需按字体单独校准。