在Photoshop中,文本跟踪设置为-2。
如果在CSS内部的字间距我将文本设置为-2px它看起来不一样。如何将-2的photoshop文本跟踪复制到CSS字间距?
我一直在网上寻找转换,但这似乎不对。
提前致谢!
答案 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