设置字体也是CSS在网页样式中的重要作用,与此有关的属性主要有:font,font-style,font-variant,font-weight,font-size,font-family等。字体设置是网页开发的一个重要部分,在CSS没有得到普遍运用之前,网页中存在大量的<font>标签,如今<font>标签已基本被弃用,而基本使用CSS中的字体属性。
[1]font-style:设置字体样式,可选值有
normal:正常的文本样式,
italic:斜体的文本样式,
oblique:指定样式文本样式为斜体的字体。
注意:italic和oblique的区别,两者都可以将字体设置为 倾斜样式,但是还是存在区别,italic是指选择字体族的italic变体,oblique是指选择字体族的oblique变体,如果字体族没有提供italic变体,那么就妥协到oblique变体,如果字体族连oblique变体也没有提供,那么就由浏览器自动合成仿oblique。
[2]font-variant:设置文本是否为小型的大写字母,可选值有:
normal:正常字体
small-caps:小型的大写字母字体
[3]font-weight:设置文本字体的粗细,可选值有:
normal:默认为normal,相当于数值为400
bold:粗体,相当于数值为700
bolder:特粗体,也相当于<strong>和<b>的对象
lighter:细体
<Integer>:数值,取值范围为100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
[4]font-size:设置字体大小,取值有以下几种情况:
<绝对大小值>:xx-small,x-small,small,medium,large,x-large,xx-large,绝对值是根据对象字体大小来进行调整。
<相对大小值>:根据父对象中字体大小进行调整,取值有smaller何larger。
<长度值>:用长度制定字体大小值,不允许为复制。
<百分比>:根据父对象中的字体大小设置百分比,不允许负值。
[5]font-family:设置文本字体名称的序列,默认值由浏览器决定,可使用@font-face规则引入外部字体。
注意:字体序列之间用英文逗号分隔,如果字体名称有空格出现,那么需要用单引号或者双引号括起来。
[6]font-stretch:CSS3中的属性,设置文本字体是否横向拉伸。
[7]font:可以使用font属性按照上述的顺序制定字体属性的所有值,其中font-size和font-family是必不可少的,而且可以使font-size/line-size的格式,直接制定文本的行高大小。
这些属性在IE6以及以上版本的浏览器都可以支持..