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字体