HTML 中可以使用多种字体样式来美化文本。以下是一些常见的字体属性和类型:
1. 字体名称(Font Family):
`font-family`: 定义字体族,如 `serif`, `sans-serif`, `monospace`, `cursive`, `fantasy`, `system-ui` 等。
示例:`
这是字体族为 serif 的文本。
`2. 字体样式(Font Style):
`font-style`: 定义字体样式,如 `normal`(默认),`italic`(斜体),`oblique`(倾斜)。
示例:`
这是斜体文本。
`3. 字体变体(Font Variant):
`font-variant`: 定义字体变体,如 `normal`(默认),`small-caps`(小写字母为大写字母)。
示例:`
这是小写字母变为大写字母的文本。
`4. 字体粗细(Font Weight):
`font-weight`: 定义字体的粗细,如 `normal`(默认),`bold`(粗体),`bolder`(比正常粗),`lighter`(比正常细)。
示例:`
这是粗体文本。
`5. 字体大小(Font Size):
`font-size`: 定义字体大小,可以使用像素(px)、点(pt)、em、rem 等单位。
示例:`
这是24像素大小的文本。
`6. 行高(Line Height):
`line-height`: 定义行高,可以增加文本的可读性。
示例:`
这是行高为1.5倍的文本。
`7. 字体大小单位:
`px`(像素):固定大小,不随浏览器窗口大小改变而改变。
`em`:相对于当前字体大小的倍数。
`rem`:相对于根元素(HTML)的字体大小的倍数。
`%`:相对于父元素的字体大小的百分比。
8. 字体加粗(Font Bold):
使用 `bold` 或 `bolder` 可以使文本看起来更粗。
9. 字体斜体(Font Italic):
使用 `italic` 或 `oblique` 可以使文本看起来更斜。
10. 字体大小调整(Font Size Adjustment):
使用 `large`、`small`、`larger`、`smaller` 可以调整字体大小。
这些是 HTML 中常见的字体属性,你可以根据需要组合使用它们来创建不同的字体效果。