今天学习下css中字体相关的设置样式,主要通用的几个样式有包括字体类型(font-family)、字体大小(font-size)、字体粗细(font-weight)、字体风格(font-style)、字体变体(font-variant)、行高(line-height)等。
1、设置字体系列 —— font-family
font-family 属性可以定义多个字体,浏览器会从前到后优先选择使用字体,当浏览器不支持第一个字体,则会尝试使用第二个字体,以此类推。如果浏览器不支持所有字体,则使用默认字体。
2、字体样式—— font-style
字体样式有三种:
正常 - 正常显示文本
斜体 - 以斜体字显示的文字
倾斜的文字 - 文字向一边倾斜(不管是斜体字还是正常的字体)。
3、字体大小 —— font-size
“font-size”属性来设置字体大小,它的值可以使用预定义关键字、绝对大小、相对大小。
4、复合属性—— font
font 属性可以看成是字体的简写,它可以定义字体系列、大小、风格、粗细、等样式。
5、其它字体属性
字体还有 font-weight(设置粗细的属性)、font-variant(设置小型大写字母的字体显示文本)。