🔤 CSS字母间距生成器

广告位 - 顶部 (728×90)

免费在线CSS字母间距(letter-spacing)生成器。可视化调整字母间距值(-5px到20px),实时预览文本效果。支持px、em单位切换,一键复制CSS代码。适合设计师和前端开发者优化网页文字视觉效果。纯前端处理。

-5px0px20px
字体间距预览效果
广告位 - 中部 (728×90)

常见问题

letter-spacing和word-spacing有什么区别?

letter-spacing控制字符(字母/汉字)之间的间距,影响每个字符之间的距离。word-spacing控制单词之间的间距,只影响空格后的空白距离。两者可以同时使用来精细控制文本排版。

负值的letter-spacing会怎样?

负值会使字符靠得更近,甚至重叠。常用于标题设计创造紧凑的视觉效果。但过小的值(如-2px以下)会严重影响可读性,建议正文和长文本避免使用负值letter-spacing。

letter-spacing的最佳实践是什么?

正文通常使用0-0.05em的小间距;标题和大号文字可使用0.05-0.2em增加优雅感;全大写文字建议增加0.05-0.1em提升可读性;小号文字(如12px以下)建议使用正间距避免文字粘连。移动端和桌面端的合适值可能不同。