css - Photoshop 跟踪到 CSS 字间距？

Question

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

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

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

提前致谢！

Answer 1

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

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

通常，您不应期望文本渲染的细节在不同浏览器中是相同的，或者在浏览器中与在 Photoshop 中相同。

Answer 2

我认为letter-spacing在 CSS 中应该是-0.002em.

这是计算：

1000 = 1em; 
100 = 0.1em; 
10 = 0.01em; 
1 = 0.001em; 
-2 = -0.002em