tracking-tighter 默认对应 letter-spacing: -0.025em，比 tracking-tight（-0.05em）更松；其效果受字体大小和渲染引擎影响，中英混排、Safari兼容性及自定义字体特性均需考虑。
tracking-tighter 是 Tailwind 中控制字间距（letter-spacing）的快捷类，但它不是“越 tight 越小”的线性开关——它的实际效果取决于你当前字体大小和 Tailwind 的 spacing scale 配置。
tracking-tighter 到底设了多少？
默认配置下，tracking-tighter 对应的是 letter-spacing: -0.025em，而 tracking-tight 是 -0.05em，tracking-normal 是 0，tracking-wide 是 0.025em。注意：-tighter 比 -tight 更“松”一点，不是更紧。
常见误判点：
- 以为
tracking-tighter一定比tracking-tight更压缩——实际相反 - 在小字号（如
text-sm）上用tracking-tighter，视觉几乎看不出变化，因为em基于当前 font-size，1em 可能才 12px - 在大标题（如
text-5xl）上叠加tracking-tighter，可能让字母挤得难以辨认
怎么选对 tracking 类？看使用场景
不同文本类型对字间距敏感度不同，不能一概套用：
立即学习“前端免费学习笔记（深入）”；
- 标题类（
h1、text-4xl等）：常用tracking-tight或自定义值（如tracking-[-0.03em]），避免默认tracking-tighter显得松散 - 按钮文字 / 紧凑标签：可试
tracking-normal或tracking-[0.01em]，防止过紧导致点击区域误判 - 等宽代码块（
font-mono）：通常不需要额外调整，tracking-normal最安全；强行加tracking-tighter可能破坏字符对齐 - 响应式需求：Tailwind 支持断点前缀，比如
md:tracking-tight lg:tracking-normal
想微调但又不想改配置？直接用 arbitrary value
Tailwind v3.0+ 支持任意值写法，绕过预设限制，更灵活也更可控：
-
tracking-[0.01em]：轻微拉开，适合英文长单词防粘连 -
tracking-[-0.02em]：比tracking-tight更进一步压缩，适合超大 display 字体 -
tracking-[2px]：固定像素值，适合需要像素级对齐的 UI 元素（如图标旁文字） - 注意：任意值必须用方括号包裹，且内部不能有空格；单位推荐用
em（相对）或px（绝对），避免用rem（可能被 purge 移除）
容易被忽略的兼容性细节
字间距在不同字体渲染引擎下表现不一致，尤其影响中英混排：
- 中文本身无字间距概念，
tracking-*对汉字影响微弱，但会拉大中英文混排时的间隙（比如「Reactv18」） - Safari 对负
letter-spacing渲染偏保守，tracking-tighter在某些版本里可能无效，建议加text-rendering: optimizeLegibility（用text-[text-rendering:optimizeLegibility]） - 如果用了自定义字体（如
font-display），务必检查该字体是否支持 OpenType 的liga或kern特性，否则tracking可能被覆盖
真正要调准字间距，得结合字体大小、语言、设备和渲染引擎一起看；tracking-tighter 只是起点，不是终点。
