font-family CSS属性用于设置元素的文本内容的字体。该font-family属性应包含多个字体名称作为“后备”系统。首先从所需字体开始,然后在不可用时按顺序使用后备字体。
你应该使用一个通用字体系列来结束这个列表,它有5个字体,如:arial, sans-serif, monospace, cursive ,fantasy。下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。monospacecursive
默认值: | 取决于浏览器 |
---|---|
适用于: | 所有元素 |
继承: | 是 |
可动画制作: | 否。请参见 动画属性。 |
版本: | CSS 1,2,3 |
JavaScript 语法: | object.style.fontFamily="arial,sans-serif" |
该属性的语法如下:
font-family: [ family-name | generic-family ] [, family-name | generic-family ]one or more pairs | initial | inherit
下面的示例演示了如何使用font-family属性。
body { font-family: Arial, Helvetica, sans-serif; } h1 { font-family: "Times New Roman", Times, serif; }测试看看‹/›
注意:如果字体系列的名称超过一个单词,则它必须用引号引起来,例如 font-family: "Times New Roman", Serif;等等。
有关更常用的字体组合,请查看CSS网络安全字体。
下表描述了此属性的值。
值 | 描述 |
---|---|
family-name | 字体系列的名称。例如 "Times" 和 "Helvetica"。包含空格的字体名称应加双引号。 |
generic-family | 当无法使用所需的字体选择时,可以将通用字体系列用作常规的回退机制。由于通用字体名称是关键字,因此不能用引号引起来。 通用字体系列应该是字体系列名称列表中的最后一种选择。定义了以下通用系列:
了解有关字体组合的更多信息。 |
initial | 将此属性设置为其默认值。 |
inherit | 如果指定,则关联元素采用其父元素font-family的属性值。 |
font-family属性浏览器的兼容性,下表中的数字表示支持该属性的浏览器最低版本号;所有主流浏览器均支持该属性。
|
相关属性和规则:font,font-style,font-variant,font-weight,font-size,
line-height,@font-face。