Photoshop跟蹤CSS字間距？

將photoshop裏面的文字跟蹤設置爲-2。Photoshop跟蹤CSS字間距？

如果CSS內部字間距設置爲-2px，看起來不一樣。我怎樣才能將-2的photoshop文本跟蹤複製到CSS word-spacing中？

我一直在網上尋找轉換，但它似乎並不正確。

在此先感謝！

2013-07-21 user2482397

Photoshop和HTML在不同的空間與不同的測量工作，所以這是比較正常的，通常是沒有快速解決。你可以展示一些你有什麼樣的屏幕截圖以及你喜歡它嗎？ –

也許它是在pt ..嘗試'-2pt'或'-2em' – tobspr

[將字母跟蹤值設置爲Photoshop中的等效字母間距]在CSS中可能重複（https://stackoverflow.com/questions/13509752 /轉換字母跟蹤值集合的Photoshop到等效字母間距-在-c）的 – davidcondrey

根據Photoshop tutorial，「Photoshop中的字距和跟蹤值基於1/1000 em」。文字跟蹤會影響字符之間的間距，而不是字詞因此，將文本跟蹤設置爲-2的CSS對應將是letter-spacing: 0.002em。

但是，在大多數瀏覽器中，這不會有任何影響，因爲0.002em是如此之小的數量。如果字體大小爲數百個點，則可能會看到一個像素的差異。在Firefox上，如果該設置應用於長字符串，則可能會出現效果; Firefox大概會在內部使用像素的小數部分來計算字符的位置，因此即使是非常小的字母間距值也可能會產生累積效果。

一般而言，您不應該期望文本渲染的細節在各瀏覽器中相同，或者在瀏覽器中與Photoshop相同。

來源

2013-07-21 12:29:23

我認爲CSS中的letter-spacing應該是-0.002em。

下面是計算：

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

來源

2016-04-11 14:17:06

Photoshop跟蹤CSS字間距？

回答

相關問題