📅 最后修改于: 2023-12-03 14:40:16.956000 🧑 作者: Mango
CSS Font 属性是用来设置文本字体的样式，包括字体族、字体大小、加粗、斜体、下划线等等。通过合理使用 CSS Font 属性，可以让你的网页文本更加美观和易读。
下面是 CSS Font 属性的一些常用属性值和用法示例。
font-family 属性用于设置文本字体族，即你希望使用的字体类型。可以使用多个字体进行后备，以确保无论用户是否安装了特定字体，都能够正确显示文本内容。以下是一些常见的字体类型的示例：
p {
font-family: Arial, Helvetica, sans-serif;
}
在上面的示例中，浏览器首先会尝试显示 Arial 字体，如果该字体不可用，则尝试 Helvetica 字体，如果还是不可用，则使用系统默认的 sans-serif 字体。
font-size 属性用于设置文本字体的大小。可以使用像素值、百分比、em 等单位进行设置。以下是一些常见的字体大小的示例：
h1 {
font-size: 32px;
}
h2 {
font-size: 2em;
}
在上面的示例中，h1 的字体大小将为 32 像素，而 h2 的字体大小将为父元素字体大小的 2 倍。
font-weight 属性用于设置文本的粗细程度。常用的属性值包括 normal（默认）、bold（加粗）和 lighter（较细）。以下是一个示例：
p {
font-weight: bold;
}
在上面的示例中，所有 <p> 元素的文本将采用加粗样式。
font-style 属性用于设置文本的字体样式，常用的属性值包括 normal（默认）、italic（斜体）和 oblique（倾斜样式）。以下是一个示例：
h1 {
font-style: italic;
}
在上面的示例中，所有 <h1> 元素的文本将采用斜体样式。
text-decoration 属性用于设置文本的修饰线，常用的属性值包括 none（默认）、underline（下划线）和 line-through（删除线）。以下是一个示例：
a {
text-decoration: underline;
}
在上面的示例中，所有 <a> 元素的文本将带有下划线。
以上是 CSS Font 属性的一些常用属性值和用法示例。你可以根据需要进行组合和定制，以实现自己所需的文本字体样式效果。记得在应用 CSS Font 属性时遵循最佳实践, 以确保你的文本在各种设备上都能正常显示和阅读。