欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css如何设置黑体样式

程序员文章站 2022-04-04 09:35:13
...

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教程

以上就是css如何设置黑体样式的详细内容,更多请关注其它相关文章!

相关标签: css 黑体