CSS使用属性font-family给定一个有先后顺序的，由字体名或者字体族名组成的列表，为选定的元素设置字体。属性的值用逗号隔开，浏览器会从用户计算机上已安装的字体列表中选择第一种字体。属性值会引发歧义时需要使用引号，同时建议有空格时也使用引号。格式如下：
字体名是一种字体的名字，它关联到某一个确定的字体。字体族名则是某一类具有类似样式字体的统称，常见的族名包括serif（带衬线字体）、sans-serif（无衬线字体）、monospace（等宽字体）、cursive（草书字体）和fantasy（具有艺术效果的字体）。
设计师在制作网页时往往希望使用效果精美的字体，但某些用户的电脑可能没有安装该字体。此时就要用font-family设定一个列表，靠前的字体优先显示，如果没有安装则显示下一种字体，以此类推。这样操作可保证网页不会因为没有相应字体而被系统使用其他默认字体替代，令设计效果不能完全呈现。
网页中经常会遇到中文和西文搭配使用的情况，而它们使用的字体往往不同，这时就要把西文字体靠前放置。因为西文字体只包含字母和数字而不包含汉字，当其在高优先级下被使用时，汉字自然会使用优先级低的字体来显示；如果中文字体优先级较高，则会导致指定的西文字体不被显示。
取值列表的最后往往是一个字体族名。因为无法保证用户的计算机内已经安装了指定的字体，提供通用的字体族可以使浏览器在无法得到最佳字体的情况下使用一个相对接近的备选字体。
font-family属性指定的是一个优先级从高到低的可选字体列表。字体的选定不是在发现用户计算机上安装的列表中的第一种字体时便停止，相反，对字体的选择是逐字进行的。这就表示即使某个字符周围的其他字符都可以用某种字体显示，但该字符在当前的字体文件中没有适合的图形，那么它也会继续尝试列表中靠后的字体。
动手写10.1.5 设置字体(www.xing528.com)
“动手写10.1.5”定义了一个字体列表，其中Times New Roman和Arial是西文字体，仅对英文和数字生效，Microsoft YaHei UI和宋体则是中文字体。p元素中“font-family”这几个字符是英文，将优先显示为Times New Roman字体，若无此字体则将按照从左到右的顺序依次取其他值。剩下的中文字体则是从Microsoft YaHei UI中优先取值。当前几种字体都不存在时，则会从sans-serif字体族里取一个最相近的字体。本例在浏览器中的效果如图10.1.3所示：
图10.1.3 定义字体
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
