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

font-weight： 文本字體的粗細(xì)

normal : 正常的字體。相當(dāng)于number為400

bold : 粗體。相當(dāng)于number為700

bolder : IE5+ 特粗體

lighter : IE5+ 細(xì)體

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

 .container{
    font-weight: bold;
}

font-style： 字體樣式

normal： 默認(rèn) 正常字體

italic： 斜體 （對(duì)于沒有斜體變量的特殊字體，將應(yīng)?oblique）

oblique： 傾斜的字體

font-size ：字體尺寸

f絕對(duì)大?。簆x為單位， xx-small | x-small | small | medium | large | x-largef| xx - large

f相對(duì)大小：em為單位，想丟福地想中字體尺寸進(jìn)行相對(duì)調(diào)節(jié)

f百分?jǐn)?shù)： 百分比取值是基于父對(duì)象中字體的尺寸

 .container{
    font-size: 50px;
}

font-family : 字體名稱序列逗號(hào)隔開，如果字體名稱包含空格，則使用引號(hào)括起來

window

Simsun

Microsoft Yahei

Microsoft JhengHei 正黑體

KaiTi

FangSong

OS X

PingFang SC

Yuanti SC

  .container{
    font-family: kaiti;
}

可打中文也可打拼音

* 電腦里沒有的字體會(huì)顯示不出來

.

font-variant ：是否為小型的大寫字母

normal： 默認(rèn) 正常字體

small-caps： 小型的大寫字母字體

原樣

效果

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

etter-spacing : 文字之間的間隔

normal： 默認(rèn)間隔

   .container{
    letter-spacing: 80px;
}