如何在css中设置黑体字

本篇文章给大家分享的是有关如何在css中设置黑体字，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

成都创新互联于2013年成立，先为白水等服务建站，白水等地企业，进行企业商务咨询服务。为白水企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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

效果图：

如何在css中设置黑体字

拓展：

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" 但字体解析显示为黑体）

以上就是如何在css中设置黑体字，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。

网页题目：如何在css中设置黑体字
本文路径：https://www.cdcxhl.com/article14/gjpige.html

成都网站建设公司_创新互联，为您提供网站排名、商城网站、网站改版、标签优化、品牌网站制作、用户体验

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容