CSS中如何设置字体样式

CSS中如何设置字体样式

发布时间：2025-05-04 10:30:44

来源：亿速云

阅读：148

作者：小樊

栏目：编程语言

在CSS中，可以通过使用font-family、font-size、font-weight、font-style等属性来设置字体样式。以下是一些示例：

设置字体家族（font-family）：

p {

font-family: "Arial", sans-serif;

}

设置字体大小（font-size）：

p {

font-size: 16px;

}

或者使用相对单位（如em、rem）：

p {

font-size: 1rem;

}

设置字体粗细（font-weight）：

p {

font-weight: bold;

}

可选值范围为100到900，或者使用normal、bold、bolder、lighter。

设置字体样式（font-style）：

p {

font-style: italic;

}

其他可选值包括normal和oblique。

组合设置字体样式：

可以使用font简写属性一次性设置多个字体样式，顺序为：font-style、font-weight、font-size/line-height、font-family。

p {

font: italic bold 16px/1.5 Arial, sans-serif;

}

在这个例子中，我们设置了斜体（italic）、粗体（bold）、字体大小（16px）和行高（1.5）以及字体家族（Arial, sans-serif）。