首頁 > 文章 > web前端 > css如何設定黑體樣式

css如何設定黑體樣式

王林原創: 2020-11-16 16:50:183904瀏覽

css設定黑體樣式的方法：可以利用font-family屬性來進行設置，例如【font-family: 黑體;】。 font-family屬性用來指定一個元素的字體。

css如何設定黑體樣式

屬性介紹：

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

（學習影片分享：css影片教學）

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

family- name - 指定的系列名稱：具體字體的名稱，例如："times"、"courier"、"arial"。
generic-family - 通常字體系列名稱：例如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace。

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

屬性值：

family-name\generic-family 用於某個元素的字體族名稱或/及類別族名稱的一個優先表。預設值：取決於瀏覽器。
inherit 規定應該從父元素繼承字體系列。

## 範例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>
			.s {
				font-family: SimHei;
			}
			.ss {
				font-family: 黑体;
			}
		</style>
	</head>
	<body>
		<p class="s">测试黑体</p>
		<p>普通字体</p>
		<p class="ss">测试黑体</p>
	</body>

</html>

css如何設定黑體樣式

相關文章