CSS font-family属性

• 

  定义和用法

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

  font-family属性可以包含多个字体名称作为“后备”系统。如果浏览器不支持第一种字体，它会尝试下一种字体。

  有两种类型的字体系列名称：

  • family-name - 字体系列的名称，如“times”，“courier”，“arial”等。
  • generic-family - 泛型家族的名称，如“serif”，“sans-serif”，“cursive”，“fantasy”，“monospace”。

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

  注意：用逗号分隔每个值。

  注意：如果字体名称包含空格，则必须引用它。在HTML中使用“style”属性时，必须使用单引号。

  特征	说明
  默认值	取决于浏览器
  继承	有
  动画	没有。CSS动画参考
  CSS版本	CSS1
  JavaScript语法	object.style.fontFamily="Verdana,sans-serif"尝试一下

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  属性	IE/Edge	Chrome	FireFox	Safari	Opera
  属性名称
  font-family	4.0	1.0	1.0	1.0	3.5

• 

  CSS语法

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

  实例

  指定两个段落的字体：

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

  尝试一下
• 

  属性值

  属性值	描述
  family-name generic-family	字典系列名称和/或通用系列名称的优先级列表
  initial	将此属性设置为其默认值。查看initial关键字
  inherit	从其父元素继承此属性。查看inherit关键字

• 

  相关页面

  HTML教程：HTML样式

  CSS教程：CSS字体