JavaScript HTML DOM Style fontFamily 属性

  • fontFamily 属性

    fontFamily属性设置或返回元素中文本的字体系列名称和/或通用系列名称的列表。浏览器将使用它识别的第一个值。有两种类型的font-family值:
    • font-family:字体系列的名称,如“verdana”或“arial”
    • generic-family:通用字体系列的名称,如“serif”或“sans-serif”
    提示:始终指定通用族名称作为最后一种选择!
    注意:用逗号分隔每个值。
    注意:如果font-family名称包含空格,则必须引用它。
    提示:查看常用字体组合的Web安全字体
    设置p元素的字体:
    document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    fontFamily
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回fontFamily属性:
    object.style.fontFamily
    设置fontFamily属性:
    object.style.fontFamily = "font1, font2, etc.|initial|inherit"
  • 属性值

    描述
    font1, font2, 等等 逗号分隔的字体系列名称和/或通用系列名称列表
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: 未标明
    返回值: 一个字符串,表示元素中文本的字体名称
    CSS版本 CSS1
  • 更多例子

    可能值的演示:
    var listValue = selectTag.options[selectTag.selectedIndex].text;
    document.getElementById("myP").style.fontFamily = listValue;
    
    尝试一下
    返回p元素的字体:
    alert(document.getElementById("myP").style.fontFamily);
    
    尝试一下
  • 相关页面

    CSS教程:CSS 字体
    HTML DOM 参考:font 属性