css字体样式

/* 设置字体样式的基本示例 */

body {
  /* 设置字体系列为 sans-serif */
  font-family: Arial, Helvetica, sans-serif;

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

  /* 设置字体粗细为正常（400） */
  font-weight: normal;

  /* 设置字体风格为正常（非斜体） */
  font-style: normal;

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

h1 {
  /* 设置标题字体系列为 serif */
  font-family: "Times New Roman", Times, serif;

  /* 设置字体大小为 24 像素 */
  font-size: 24px;

  /* 设置字体粗细为加粗（700） */
  font-weight: bold;

  /* 设置字体风格为斜体 */
  font-style: italic;
}

p {
  /* 设置段落字体系列为 monospace */
  font-family: "Courier New", Courier, monospace;

  /* 设置字体大小为 14 像素 */
  font-size: 14px;

  /* 设置字体粗细为较轻（300） */
  font-weight: 300;
}

解释说明：

• font-family：定义文本的字体系列。可以指定多个字体，浏览器会按照顺序尝试使用这些字体，如果第一个字体不可用，则使用下一个。
• font-size：定义文本的字体大小。可以使用像素 (px)、百分比 (%) 或相对单位（如 em 和 rem）。
• font-weight：定义字体的粗细。常见的值有 normal（400）、bold（700），也可以使用数字（100 到 900）。
• font-style：定义字体的风格，如 normal（正常）、italic（斜体）等。
• line-height：定义行高，即行与行之间的间距。可以使用数值、百分比或倍数。

通过这些属性，你可以轻松地控制网页中的字体样式。