2012-08-06 164 views
4

所以我知道我的問題很技術性,但基本上我想知道下面的CSS如何影響<p>標記中的文本顯示。CSS字母間距和比例字體

p { 
letter-spacing:2px; 
font-family:"Georgia"; 
} 

我知道,格魯吉亞是成比例的字體,設計者花費了時間各具特色字母之間的空間,以使字體更具可讀性和視覺愉悅。

但我的問題是如何letter-spacing屬性影響這種比例?這段代碼是否將兩個像素添加到已由類型設計器定義的間距上,還是將重置爲那間距爲兩個像素?

回答

3

此屬性是字體通常使用的附加值。所以,1px會增加一個像素。 Sitepoint稱它爲「額外」空間(允許有負值)。

W3C docs說同樣的話:

「這個值表示除了人物之間的空間默認字符間隔值可以是負的......。」

+0

只是我正在尋找的答案,並感謝參考 – 2012-08-06 16:34:11

1

從我的實驗在Firefox上OSX,使用kerned字體(宋體),而不是格魯吉亞不出現有字距我的機器上,我可以證明的間距是除到現有的間距和字距,並且可以是加法的,也可以是減法的。

另外值得一提的是,不同的瀏覽器和操作系統會替換字體,並且處理它們的方式略有不同,因此無法預測100%字體是如何渲染的。