CSS设置字体
CSS中有多种方法来设置字体,它们的使用方法也不一样。下面我们来介绍一下具体的使用方法。
font-family属性
font-family属性用于指定一个字体。它可以是一个字体名称,也可以是一个字体系列,用逗号分隔。当浏览器不支持指定的字体时,会自动选择一个可用的字体来替换。
font-family: Arial; font-family: Arial, Helvetica, sans-serif;
font-size属性
font-size属性用于指定字体的大小,可以使用固定的像素值,也可以使用相对的值,如百分比、em和rem。
font-size: 16px; font-size: 80%; font-size: 1.2em; font-size: 1.2rem;
font-weight属性
font-weight属性用于指定字体的粗细,可以使用数字值(100-900)或字符串值(normal、bold、bolder等)来指定。
font-weight: normal; font-weight: bold; font-weight: 700;
font-style属性
font-style属性用于指定字体的样式,可以使用normal、italic和oblique三个值来指定。
font-style: normal; font-style: italic; font-style: oblique;
font-variant属性
font-variant属性用于指定字体的变体,可以使用normal和small-caps两个值来指定。
font-variant: normal; font-variant: small-caps;
font简写属性
font简写属性可以简化上面所介绍的所有字体属性的声明,它可以把所有字体属性的值写在一起,用空格分隔。
font: normal normal 16px/1.2 Arial; font: italic bold 12px/1.2 Helvetica, sans-serif;