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>

效果图:

1.jpg

拓展:

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前端开发知识,请查阅 HTML中文网 !!

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

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏