2012-08-06 104 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%字体是如何渲染的。