本文介绍如何使用CSS设置黑体字体样式，通过font-family属性指定黑体或其别名SimHei，避免乱码问题。
css如何设置黑体样式？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
在CSS中，可以通过font-family:"黑体";或者font-family: SimHei;来设置字体样式为黑体样式。
示例：
.s {
font-family: SimHei;
}
.ss {
font-family: 黑体;
}
测试黑体
普通字体
测试黑体
效果图：
拓展：
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中文网 ！！
扫一扫
2306
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
