css字体设置

/* 设置字体样式 */
body {
  /* 使用系统字体 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* 设置字体大小 */
  font-size: 16px;

  /* 设置字体粗细 */
  font-weight: 400;

  /* 设置字体样式为斜体 */
  font-style: normal;

  /* 设置行高 */
  line-height: 1.5;
}

h1, h2, h3 {
  /* 为标题设置不同的字体 */
  font-family: "Times New Roman", Times, serif;

  /* 增大标题的字体大小 */
  font-size: 24px;

  /* 加粗标题字体 */
  font-weight: bold;
}

解释说明：

• font-family：指定使用的字体系列。这里使用了多个字体，浏览器会按照顺序尝试加载这些字体，直到找到一个可用的字体。
• font-size：设置字体的大小，单位可以是像素（px）、百分比（%）或相对单位（em、rem）等。
• font-weight：设置字体的粗细，常用值为 normal（400）和 bold（700），也可以使用数值（100 到 900）来精确控制。
• font-style：设置字体样式，常见的值有 normal 和 italic。
• line-height：设置行高，即行与行之间的间距，可以提高文本的可读性。
• h1, h2, h3：为特定的 HTML 标签（如标题）设置了不同的字体样式，以区分正文和其他重要元素。