css字体设置详解

CSS中的字体设置可以通过font-family、font-size、font-weight、font-style等属性来实现。下面详细介绍一下这些属性的用法。

1. font-family

font-family属性用于设置字体，可以设置多个字体，以逗号分隔。如果第一个字体无法显示，则会依次尝试后面的字体。

示例：

body {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

2. font-size

font-size属性用于设置字体大小，可以使用绝对值或相对值。

示例：

h1 {
  font-size: 36px;
}

p {
  font-size: 1.2em;
}

3. font-weight

font-weight属性用于设置字体粗细，可以设置normal、bold、bolder、lighter或数字（100-900）。

示例：

h1 {
  font-weight: bold;
}

p {
  font-weight: 300;
}

4. font-style

font-style属性用于设置字体样式，可以设置normal、italic或oblique。

示例：

h1 {
  font-style: italic;
}

p {
  font-style: oblique;
}

5. font

font属性可以同时设置字体、字体大小、字体粗细和字体样式。

示例：

h1 {
  font: bold 36px/1.5 "Helvetica Neue", Helvetica, sans-serif;
}

其中，36px是字体大小，1.5是行高，"Helvetica Neue", Helvetica, sans-serif是字体