css font-family屬性怎麼用
- 藏色散人原創
- 2019-05-27 17:56:174221瀏覽
css font-family屬性用來指定一個元素的字體，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屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css float屬性怎麼用下一篇：css float屬性怎麼用