css font-family屬性怎麼用-前端問答-PHP中文網

css font-family屬性怎麼用

藏色散人

發布： 2019-05-27 17:56:17

原創

4287 人瀏覽過

css font-family屬性用來指定一個元素的字體，font-family可以把多個字體名稱當作一個"回退"系統來儲存。如果瀏覽器不支援第一個字體，則會嘗試下一個。

css font-family屬性怎麼用

css font-family屬性怎麼用？

屬性定義及使用說明

font - family屬性指定一個元素的字體。

font-family 可以把多個字體名稱當作一個"回退"系統來儲存。如果瀏覽器不支援第一個字體，則會嘗試下一個。

有兩種類型的字體系列名稱：

family-name - 指定的系列名稱：

具體字體的名稱，例如：" times"、"courier"、"arial"。

generic-family - 通常字體系列名稱：

例如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace。

使用某種特定的字體系列（Geneva）完全取決於用戶機器上該字體系列是否可用；這個屬性沒有指示任何字體下載。因此，強烈建議使用通用字體系列名稱作為後路。

#注意： 每個值用逗號分開。

注意: 如果字型名稱包含空格，它必須加上引號。在HTML中使用"style"屬性時，必須使用單引號。

預設值：not specified

繼承：yes

版本： CSS1

JavaScript 語法：

 object.style.fontFamily="arial,sans-serif"

登入後複製

屬性值

family-name，用於某個元素的字體族名稱或/及類別族名稱的一個優先表。

generic-family，預設值：取決於瀏覽器。

inherit 規定應該從父元素繼承字體系列。

實例

指定段落的字體：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">这一段的字体是 Times New Roman </p>
<p class="sansserif">这一段的字体是 Arial.</p>

</body>
</html>

登入後複製

效果：

css font-family屬性怎麼用