font-family字体细节

Posted 2021-02-21 rans

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：将小写字母替换为缩小过的大写字母