最新的Web開發教程
 

Style fontFamily Property

<Style對象

設置為一個字體<p>元素:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
試一試»

定義和用法

在fontFamily中屬性設置或返回在一個元素文本的字體家族名和/或通用家族名的列表。

該瀏覽器將使用它承認的第一個值。

有兩種類型的字體家庭價值觀:

  • FONT-FAMILY:字體家族的名稱,如"verdana""arial"
  • 一般的家庭:一個通用字體家族的名稱,如"serif""sans-serif"

Tip:始終指定一個通用的家族名稱作為最後的選擇!

注意:用逗號分隔各個值。

Note:如果字體家族名稱包含空格,則必須使用引號。

Tip:看網絡安全字體的常用字體組合。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該fontFamily中財產所有主流瀏覽器的支持。


句法

返回fontFamily中屬性:

object .style.fontFamily

設置fontFamily中屬性:

object .style.fontFamily=" 屬性值
描述
font1, font2, etc. 用逗號分隔的字體家族名和/或通用家族名的列表
initial 將此屬性設置為默認值。 閱讀關於初始
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字體

CSS參考: font-family property

HTML DOM參考: font property


<Style對象