HTML DOM中的style.fontFamily属性是用来设置HTML元素的字体样式的属性。它可以设置文本的字体,字号,字重,字体样式等。
使用方法
document.getElementById("myDiv").style.fontFamily = "Arial";
上面的代码将id为myDiv的元素的字体设置为Arial。
还可以使用多个字体来设置字体,如果浏览器不支持第一个字体,则会自动使用第二个字体,例如:
document.getElementById("myDiv").style.fontFamily = "Arial, sans-serif";
上面的代码将id为myDiv的元素的字体设置为Arial,如果浏览器不支持Arial,则会自动使用sans-serif字体。
还可以使用引号来指定字体,例如:
document.getElementById("myDiv").style.fontFamily = "'Times New Roman', Times, serif";
上面的代码将id为myDiv的元素的字体设置为Times New Roman,如果浏览器不支持Times New Roman,则会自动使用Times字体,如果还不支持,则会使用serif字体。
还可以使用CSS3中的@font-face规则来指定特定的字体,例如:
@font-face { font-family: 'MyFont'; src: url('myfont.woff') format('woff'); } document.getElementById("myDiv").style.fontFamily = "MyFont";
上面的代码将id为myDiv的元素的字体设置为MyFont,这个字体是通过@font-face规则指定的。
style.fontFamily属性可以用来设置HTML元素的字体样式,可以使用单个字体,也可以使用多个字体,还可以使用@font-face规则来指定特定的字体。