CSS font-family属性有什么用

CSS font-family属性用于指定元素的字体系列。它定义了元素中文本的显示字体，可以通过指定多个字体名称来设置一个字体系列，并按优先级逐个尝试使用这些字体名称。

使用font-family属性可以达到以下目的：

1. 选择合适的字体：通过设置字体系列，开发人员可以选择合适的字体用于显示文本内容。不同的字体系列具有不同的风格和字形特点，可以根据设计需求或用户喜好进行选择。

2. 字体回退：如果指定的字体不可用或不支持，浏览器会尝试使用字体系列中的下一个字体。这样可以确保即使某个字体未安装或不支持，页面上的文本仍然可以显示，提高了页面的兼容性。

3. 字体层叠：通过设置多个字体名称，可以实现字体的层叠效果。如果第一个字体不可用，则会尝试下一个字体，以此类推，直到找到可用的字体为止。

例如，可以使用以下代码将元素的字体系列设置为"Arial", “Helvetica”, sans-serif：

selector { font-family: "Arial", "Helvetica", sans-serif; } 

这意味着浏览器会首先尝试使用Arial字体，如果不可用，则尝试使用Helvetica字体，如果还不可用，则使用默认的sans-serif字体。