font-family字體細節

1.font-family(設置字體)

一般網頁設置字體時，會設置多個，為防止設置的字體剛好系統中不存在。

div{
    font-family:Consolas,Symbol,'Microsoft Sans Serif','微軟雅黑';
}

注意：一般情況下，英文字體只適用於英文，中文字體同時適用於英文和中文，

所以，如果希望中英文分別使用不同的字體，應該先將英文字體寫在前面，中文字體寫在后面。

2.font-style(文字傾斜)

　normal:常規顯示

　italic:用於字體的斜體顯示(前提 是 font-family 這種字體本身是支持斜體 )

　oblique:文本傾斜顯示(讓文字傾斜)

3.font-variant：可以影響小寫字母的顯示形式(不常用)

　normal：常規顯示

　small-caps：將小寫字母替換為縮小過的大寫字母

4.字體縮寫（font）

div{
    /*  寫法: font: font-style  font-veriant  font-weight  font-size/line-height  font-family  */
    font: italic small-caps 700 24px/30px '宋體';

    /*  font-style  font-veriant  font-weight 這三項順序沒有要求,也可以省略不寫(不寫是沒有效果的).  */
    font: 24px/30px '宋體';
    
    /*  font-size/line-height  font-family  是固定寫法,其中line-height也可以省略不寫(不寫是沒有效果)  */
    font: 24px '宋體';
}