CSS设置字体方法详解

CSS字体是指用于在网页中渲染文本的字体样式。在CSS中，可以使用以下属性来设置字体：

font-family：设置字体的名称。可以设置多个备用字体名称，用逗号分隔。如果第一种字体不可用，就使用第二种，以此类推。例如：

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

font-size：设置字体的大小。可以使用绝对值（如px、pt、em）或相对值（如%，vw、vh）来进行设置。例如：

h1 {
  font-size: 36px;
}

p {
  font-size: 16pt;
}

font-weight：设置字体的粗细。常用的值包括normal（默认）、bold（加粗）、bolder（更加粗）、lighter（更加细），还可以使用数字值来进行设置。例如：

h1 {
  font-weight: bold;
}

p {
  font-weight: 300;
}

font-style：设置字体的风格。常用的值包括normal（默认）、italic（斜体）、oblique（倾斜）。例如：

em {
  font-style: italic;
}

font-variant：设置字体的大小写形式。常用的值包括normal（默认）和small-caps（小大写字母混合）。例如：

h2 {
  font-variant: small-caps;
}

line-height：设置行高，也就是每一行文字之间的距离。可以使用绝对值或相对值来进行设置。例如：

body {
  line-height: 1.6;
}

letter-spacing：设置字符间距，也就是每个字符之间的间隔距离。可以使用绝对值或相对值来进行设置。例如：

h3 {
  letter-spacing: 0.1em;
}

text-align：设置文字的对齐方式。可以设置为left、center、right或justify。例如：

p {
  text-align: justify;
}

text-decoration：设置文字的下划线、删除线、上划线等风格。可以设置为none、underline、overline、line-through、blink等。例如：

a {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

text-transform：设置文字的大小写形式。常用的值包括uppercase（全部大写）、lowercase（全部小写）、capitalize（首字母大写）、none（默认）。例如：

h4 {
  text-transform: uppercase;
}

text-shadow：设置文字的阴影效果。可以设置阴影的颜色、位置和模糊度等。例如：

h5 {
  text-shadow: 2px 2px #ccc;
}

示例代码：

body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-shadow: 2px 2px #ccc;
}

h2 {
  font-size: 24px;
  font-variant: small-caps;
  text-align: center;
  letter-spacing: 0.1em;
}

h3 {
  font-size: 18px;
  letter-spacing: 0.1em;
  text-align: center;
}

h4 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

h5 {
  font-size: 14px;
  text-shadow: 1px 1px #ccc;
}

p {
  text-align: justify;
  text-indent: 2em;
}

a {
  text-decoration: none;
  color: #333;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}