在 Photoshop 中,文本跟踪设置为 -2。
如果在 CSS 上的字间距内,我将文本设置为 -2px,它看起来不一样。如何将 -2 的 Photoshop 文本跟踪复制到 CSS 字间距中?
我一直在网上寻找转换,但似乎不对。
提前致谢!
根据Photoshop 教程,“Photoshop 中的字距调整和跟踪值基于 1/1000 em”。文本跟踪影响字符之间的间距,而不是单词。因此,将文本跟踪设置为 -2 的 CSS 对应项是letter-spacing: 0.002em
.
但是,在大多数浏览器中,这不会有任何影响,因为0.002em
数量很少。如果您的字体大小为数百点,您可能会看到一个像素的差异。在 Firefox 上,如果将设置应用于长字符串,可能会看到效果;Firefox 可能会在内部使用像素的分数来计算字符的位置,因此即使是非常小的字母间距值也会产生累积效应。
通常,您不应期望文本渲染的细节在不同浏览器中是相同的,或者在浏览器中与在 Photoshop 中相同。
我认为letter-spacing
在 CSS 中应该是-0.002em
.
这是计算:
1000 = 1em;
100 = 0.1em;
10 = 0.01em;
1 = 0.001em;
-2 = -0.002em