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為單位缅糟,想丟福地想中字體尺寸進行相對調節(jié)
f百分數(shù): 百分比取值是基于父對象中字體的尺寸
.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;
}