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;
}