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 '宋体';
}