font-family字体细节
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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 '宋体';
}。