在CSS中,可以使用font-family属性来设置字体的样式。该属性允许指定一个或多个字体名称作为字体的优先选择列表,如果浏览器不支持第一个字体,则会尝试使用下一个字体。
以下是一个示例,展示如何在CSS中设置字体样式:
body {
font-family: Arial, Helvetica, sans-serif;
}
在上述示例中,我们将字体样式设置为Arial,如果Arial不可用,则尝试使用Helvetica,如果Helvetica也不可用,则使用默认的sans-serif字体。
通过在font-family属性中指定多个字体名称,可以提供备选方案,以确保在不同的浏览器和操作系统上都可以正确显示字体样式。
需要注意的是,字体名称需要用引号括起来,以确保CSS解析器正确识别。例如:
body {
font-family: "Arial", "Helvetica", sans-serif;
}
此外,还可以使用通用字体系列名称来设置字体样式,例如sans-serif、serif、monospace等。这些通用名称将根据用户的操作系统和浏览器自动选择合适的字体。
总而言之,在CSS中使用font-family属性可以轻松设置字体样式,并通过提供备选方案来确保在不同的环境下都能正确显示字体。