2

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

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

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

提前致谢!

4

2 回答 2

10

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

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

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

于 2013-07-21T12:29:23.693 回答
1

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

这是计算:

1000 = 1em; 
100 = 0.1em; 
10 = 0.01em; 
1 = 0.001em; 
-2 = -0.002em
于 2016-04-11T14:17:06.297 回答