font
统一设置元素内字体的所有属性,包括font-style、font-variant、font-weight、font-size/line-height、font-family,可缺省,无固定顺序。
font-style
设置元素内字体的风格。取值有normal(浏览器支持的标准字体风格)、italic(斜体)、oblique(倾斜)。默认为normal。italic与oblique的区别在于:italic使用的是字体自带的斜体,如果该字体不带斜体,则按normal显示;oblique是浏览器直接使文字倾斜,与字体本身没有关系。
font-variant
设置是否使用小型大写字母样式来显示元素内的所有文字。小型大写字母样式是指比普通字符的大写形式稍小一些的大写字符,即异体字。它由浏览器计算得到。本属性的取值有normal(浏览器支持的正常样式)、small-caps(小型大写字母字体样式)。默认为normal。并只针对非中文字符有效。
font-weight
设置元素内字体的粗细程度。取值可以是数字(不带单位,取值范围在100到900,若超出范围则浏览器可能不支持。),也可以是normal(标准粗细,相当于400)、bold(粗体,相当于700)、bolder(更粗)、lighter(更细)。默认为normal。另外,在异体字(font-variant:small-caps)情况下,本属性会失效。
font-size
设置元素内字体的大小。实际设置的是字符框的高度,因而实际的字体可能会更高或更矮(通常是更矮)。取值如下表所示:
font-family
设置元素内的字体类型。其值可以是多个字体名称,若浏览器不支持前一个,则会自动尝试下一个;字体名称间用英文逗号(,)隔开,带空格的名称需要添加引号。默认值取决于浏览器,且如果设置的字体名称都不支持则自动选择浏览器默认字体。
font-size-adjust
为元素内的字体设置aspect值,浏览器将根据该aspect值计算字体的尺寸。字体的x-height与font-size的比值叫做该字体的aspect值。aspect值越大,该字体在被设置成很小的尺寸就越容易阅读。关于x-height,请参见维基百科:http://en.wikipedia.org/wiki/X-height。下图形象地表示了什么是x-height:
本属性可取的值有none(不设置,默认),或者aspect值比率。设置的aspect值将按照以下公式参与计算字体的尺寸:
首选字体的字体尺寸 * (font-size-adjust 值 / 可用字体的 aspect 值)=可应用到可用字体的字体尺寸。
经测试,目前Chrome和IE均不支持此属性,但是Fire Fox支持。下面是在Fire Fox下测试得到的效果:
代码:[code]
/*<![CDATA[*/ p { font-size:36px; }p#first {
font-size-adjust:0.10;
}
p#second {
font-size-adjust:0.50;
}
p#third {
font-size-adjust:2.00;
}
/*]]>*/
</style>
lxg
lxglxg
[/code]效果截图:font-stretch
设置对当前字体font-family的变形效果。当前浏览器均不支持本属性。