字体

font : font-style | font-variant | font-weight | font-size | line-height | font-family

font-weight： 文本字体的粗细

normal : 正常的字体。相当于number为400

bold : 粗体。相当于number为700

bolder : IE5+ 特粗体

lighter : IE5+ 细体

number：100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

 .container{
    font-weight: bold;
}

font-style： 字体样式

normal： 默认 正常字体

italic： 斜体 （对于没有斜体变量的特殊字体，将应⽤oblique）

oblique： 倾斜的字体

font-size ：字体尺寸

f绝对大小：px为单位， xx-small | x-small | small | medium | large | x-largef| xx - large

f相对大小：em为单位，想丢福地想中字体尺寸进行相对调节

f百分数： 百分比取值是基于父对象中字体的尺寸

 .container{
    font-size: 50px;
}

font-family : 字体名称序列逗号隔开，如果字体名称包含空格，则使用引号括起来

window

Simsun

Microsoft Yahei

Microsoft JhengHei 正黑体

KaiTi

FangSong

OS X

PingFang SC

Yuanti SC

  .container{
    font-family: kaiti;
}

可打中文也可打拼音

* 电脑里没有的字体会显示不出来

.

font-variant ：是否为小型的大写字母

normal： 默认 正常字体

small-caps： 小型的大写字母字体

原样

效果

  .container{
    font-variant: small-caps;
}

etter-spacing : 文字之间的间隔

normal： 默认间隔

   .container{
    letter-spacing: 80px;
}