字体设置

CSS 提供了多种属性用于设置网页中文本的字体样式，主要包括以下几个方面：

1. 字体族（font-family）

用于设置文本使用的字体，可以指定多个字体作为备选：

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

建议最后使用通用字体族（如 sans-serif、serif、monospace）作为兜底方案。

2. 字体大小（font-size）

用于设置文字的大小，单位可为 px、em、rem、% 等：

h1 {
  font-size: 24px;
}

3. 字体样式（font-style）

用于设置字体是否倾斜，常用于强调文本：

em {
  font-style: italic;
}

可选值：normal（默认）、italic、oblique

4. 字体粗细（font-weight）

控制文字的粗细程度：

strong {
  font-weight: bold;
}

常用值：normal、bold、100~900（数值越大越粗）

5. 综合设置（font）

可以用 font 属性一次性设置字体样式，例如：

p {
  font: italic bold 16px/1.5 "Arial", sans-serif;
}

语法顺序固定：font-style → font-weight → font-size/line-height → font-family

正确使用字体设置不仅提升视觉效果，还能改善阅读体验与页面专业感。