Photoshop跟踪到CSS字间距?

时间:2013-07-21 11:57:06

标签: css photoshop

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

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

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

提前致谢!

2 个答案:

答案 0 :(得分:10)

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

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

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

答案 1 :(得分:1)

我认为CSS中的letter-spacing应为-0.002em

以下是计算:

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