CSS font 属性

在网页开发中，字体是一个非常重要的元素，它直接影响到网页的可读性和美观性。CSS 的 font 属性用于控制文本的字体样式。

font-family

font-family 属性用于指定文本的字体系列。可以设置一个或多个字体系列，浏览器会按照优先级逐个查找可用的字体。常见的字体系列有 serif（衬线字体）、sans-serif（无衬线字体）、monospace（等宽字体）等。

示例代码：

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

font-size

font-size 属性用于设置文本的字体大小。可以使用相对单位（如 em、rem）或绝对单位（如 px、pt）来指定大小。

示例代码：

h1 {
  font-size: 24px;
}

font-weight

font-weight 属性用于设置文本的字体粗细。常见的取值有 normal、bold、lighter、bolder。

示例代码：

strong {
  font-weight: bold;
}

font-style

font-style 属性用于设置文本的字体风格，常见的取值有 normal、italic、oblique。

示例代码：

em {
  font-style: italic;
}

font-variant

font-variant 属性用于设置文本的大小写变换，常见的取值有 normal、small-caps。

示例代码：

span {
  font-variant: small-caps;
}

font-stretch

font-stretch 属性用于设置文本的字体宽度，常见的取值有 normal、wider、narrower。

示例代码：

p {
  font-stretch: wider;
}

以上就是 CSS 属性 font 的详细介绍。在实际开发中，合理地运用这些属性可以让文本在网页中呈现出更加美观和易读的效果。