css - Photoshop 跟踪 CSS 字间距？

Question

在 Photoshop 中，文本跟踪设置为 -2。

如果在CSS上的字间距内我将文本设置为-2px，它看起来不一样。如何将 -2 的 Photoshop 文本跟踪复制到 CSS 字间距中？

我一直在网上寻找转换，但似乎不正确。

提前致谢!

Answer 1

根据Photoshop tutorial ，“Photoshop 中的字距调整和字距调整值基于 1/1000 em”。文本跟踪影响字符之间的间距，而不是单词之间的间距。因此，将文本跟踪设置为 -2 的 CSS 对应项将是 letter-spacing: 0.002em。

但是，在大多数浏览器中，这不会产生任何影响，因为 0.002em 的数量非常小。如果您的字体大小为数百点，您可能会看到一个像素的差异。在 Firefox 上，如果该设置应用于长字符串，可能会看到效果； Firefox 可能在内部使用像素分数计算字符位置，因此即使非常小的字母间距值也会产生累积效应。

一般来说，您不应期望跨浏览器的文本渲染细节相同，或者浏览器中的文本渲染细节与 Photoshop 中的相同。