在 web 前端开发中，font 属性是控制文本字体样式的重要属性之一。通过合理使用 font 属性，我们可以让页面上的文字看起来更加美观和易读。在本文中，我将详细介绍 font 属性的各种用法，并提供一些示例代码帮助读者更好地理解。
font-family
font-family 属性用于定义文本的字体系列。通过指定一个字体系列，浏览器会按照列表中的顺序依次查找用户计算机中是否存在该字体，直到找到合适的字体为止。
示例代码：
- - ------------ ------ ---------- ----------- -
font-size
font-size 属性用于定义文本的大小。可以使用绝对单位（如 px、pt）或相对单位（如 em、rem）来设置文字大小。
示例代码：
-- - ---------- ----- - - - ---------- ------ -
font-weight
font-weight 属性用于定义文本的粗细程度。常用的取值包括 normal、bold、bolder、lighter。
示例代码：
------ - ------------ ----- - - - ------------ ------- -
font-style
font-style 属性用于定义文本的风格，常用的取值包括 normal（默认值）、italic、oblique。
示例代码：
-- - ----------- ------- - - - ----------- ------- -
font-variant
font-variant 属性用于控制字体的大小写变换。常用的取值包括 normal、small-caps。
示例代码：
---- - ------------- ----------- - - - ------------- ------- -
line-height
line-height 属性用于定义文本行高。可以使用绝对单位（如 px、pt）或相对单位（如 em、rem）来设置行高。
示例代码：
- - ------------ ---- -
以上就是关于 font 属性的详细介绍和示例代码。希望本文能帮助读者更好地掌握如何使用 font 属性来优化网页文本样式。