font-family
指的是字体比如 “宋体”,“微软雅黑”等等
具体字体:微软雅黑、宋体、黑体、宋体等等
字体系列:sans-serif、serf、monospace等
常见字体系列(了解):
1 无衬线字体(sans-serif)
特点:文字笔画粗细均匀,并且首尾无装饰
使用场景:网页中大多采用无衬线字体
常见该系列字体:黑体、Arial
2 衬线字体(serif)
特点:文字笔画粗细不均匀,并且首尾有笔锋装饰
使用场景:报刊书籍中广泛应用
常见该系列字体:宋体、Times New Roman
3 等宽字体(monospace)
特点:每个字母或文字的宽度相等
使用场景:一般用于程序代码编写,有利于代码的阅读和编写
常见该系列字体:Consolas、fira code
渲染规则:
1 从左到右,如果电脑未安装该字体,则显示下一个
2 如果都不支持,电脑会根据操作系统显示默认字体
注意:
1 如果字体名称中存在多个单词,推荐使用引号包裹
2 最后一项字体系列不需要引号包裹
3 网页开发时,尽量使用常见字体,保证不同浏览器显示正常
font-style
指定的是字体倾斜与否,italic 属性值是通过字体本身倾斜,oblique 属性值让字体倾斜一定角度,看起来效果一样,但是对于有些字体,可能原先不能倾斜,所以设置 italic 属性值不生效,设置成 oblique 就生效了。它的值有:normal(默认值)、italic(斜体)、oblique(倾斜)
font-weight
定义了字体的宽度,属性值 lighter细,bold粗,bolder更粗,当然也可以设置具体数值100~900,只能是整百。
关键字 normal(正常) bold(加粗)
纯数字 100~900的整百数 400(正常) 700(加粗)
font-variant
此属性的作用就是将文字转换成大写后缩小
font-size
数字+px,谷歌浏览器默认文字大小为16px,单位需要设置,否则无效。
标签:style,系列,宋体,字体,倾斜,font,属性 From: https://www.cnblogs.com/DREAM2021/p/16996339.html