CSS 如何设置黑体样式?

CSS 如何设置黑体样式? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.

在 CSS 中, 可以通过 font-family:"黑体"; 或者 font-family: SimHei; 来设置字体样式为黑体样式.

示例:

<!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>

效果图:

拓展:

font-family: 规定元素的字体系列.

font-family 可以把多个字体名称作为一个 "回退" 系统来保存. 如果浏览器不支持第一个字体, 则会尝试下一个. 也就是说, font-family 属性的值是用于某个元素的字体族名称或 / 及类族名称的一个优先表. 浏览器会使用它可识别的第一个值.

注:

有时设置 font-family:"黑体"; 不容易识别, 原因是: 中文字体容易引起乱码乱码

实例:

正常代码:

font-family:"黑体"

引起的乱码:

font-family:"榛戜綋"

上例为乱码使得字体名称变成乱码, 导致指定字体失效. 这个问题的后果似乎不是很严重, 但实际情况中, 确实存在一种乱码把后面的引号 "变异" 的情况, 使得后面的 CSS 都在字体的引号中, 从而后面的 CSS 全部失效.

防范措施: 采用字体的别名 (所以浏览器都可识别)

示例:

正常代码:

font-family:"SimHei" (font-family:"\9ed1\4f53" )

浏览器解析:

font-family:"SimHei"
(font-family:"黑体",IE6 仍为 font-family:"\9ed1\4f53" 但字体解析显示为黑体)

使用别名, 绕开了使用中文, 从而避免乱码.

更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!

来源: http://www.css88.com/qa/css3/18038.html

暂无,快来抢沙发吧！