首页 >web前端 >css教程 >css如何设置黑体样式

css如何设置黑体样式

王林原创: 2020-11-16 16:50:183945浏览

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如何设置黑体样式

相关文章