CSS | 字体

CSS可以通过font属性来设置字体样式。

字体系列

可以通过font-family属性来设置字体系列，通常会指定多个备用字体：

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

即按照上面的设置，先使用"Helvetica Neue"字体，如果不存在，则使用Helvetica字体，如果还不存在，则使用Arial字体，如果再不存在，就使用sans-serif字体（系统默认字体）。

字体大小

可以通过font-size属性来设置字体大小，常用单位有px、em、rem等:

font-size: 16px;

也可以使用相对单位：

font-size: 2em; /* 相当于字体大小为当前父元素字体大小的两倍 */

字体粗细

可以通过font-weight属性来设置字体粗细，常用的值有normal、bold、bolder、lighter以及100~900之间的数字值。

font-weight: bold;

斜体和下划线

可以通过font-style属性来设置斜体和下划线：

font-style: italic; /* 斜体 */
text-decoration: underline; /* 下划线 */

字体变体

可以通过font-variant属性来设置字体变体：

font-variant: small-caps; /* 小型大写字母 */

字体颜色

可以通过color属性来设置字体颜色：

color: #333; /* 十六进制颜色值 */

整合

可以将上面的属性整合在一起使用：

font: italic bold 24px/1.5 'Times New Roman', Times, serif;

即设置斜体、粗体、24像素字体大小，行高为1.5倍字体高度，字体系列为"Times New Roman"、Times、serif。

以上是CSS字体样式的基本介绍。