目录

CSS font-family 属性


示例

指定两个段落的字体:

p.a {
  font-family: "Times New Roman", Times, serif;
}

p.b {
  font-family: Arial, Helvetica, sans-serif;
}
亲自试一试 »

定义和用法

这个font-family属性指定元素的字体。

这个font-family属性可以将多个字体名称保存为 "fallback" 系统。如果浏览器不支持第一种字体,它将尝试下一种字体。

字体家族名称有两种类型:

  • - 字体系列的名称,例如"times"、"courier"、"arial" 等。
  • 通用家族- 通用系列的名称,例如"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"。

从您想要的字体开始,并始终以通用系列结束,以便让浏览器在通用系列中选择类似的字体(如果没有其他字体可用)。

笔记:用逗号分隔每个值。

笔记:如果字体名称包含空格,则必须用引号引起来。在 HTML 中使用 "style" 属性时必须使用单引号。

展示演示❯

默认值: 取决于浏览器
遗传: 是的
可动画: 不。阅读可动画的
版本: CSS1
JavaScript 语法: 对象.style.fontFamily="Verdana,sans-serif"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
font-family 1.0 4.0 1.0 1.0 3.5


CSS 语法

font-family: family-name| generic-family|initial|inherit;

属性值

Value Description Demo
family-name / generic-family A prioritized list of font family names and/or generic family names Demo ❯
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

相关页面

CSS教程:CSS 字体

CSS 参考:字体属性

HTML DOM 参考:fontFamily 属性