css怎么设置黑体字
程序员文章站
2022-03-15 23:51:51
...
css设置黑体字的方法：首先创建一个HTML示例文件；然后在CSS中通过“font-family:"黑体";”或者“font-family: SimHei;”来设置字体样式为黑体样式即可。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
在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" 但字体解析显示为黑体）
使用别名，绕开了使用中文，从而避免乱码。
推荐学习：《css视频教程》
以上就是css怎么设置黑体字的详细内容，更多请关注其它相关文章！
下一篇： ps滤镜制作漂亮的等高线背景
推荐阅读
-
子DIV设置了外边距为什么父级也跟着下移了_html/css_WEB-ITnose
-
div设置margin:0 auto;后弹出框错位，求解！_html/css_WEB-ITnose
-
网页标题前面的logo怎么设置
-
不知大家遇到过这种问题么，一个层宽度设为100%，并设置背景图片，在浏览器中浏览，缩小窗口到滚动条出现，然后拖动滚动条到右侧，右侧的区域变成空白，怎么解决？_html/css_WEB-ITnose
-
父元素设置overflow:hidden对定位元素也有效_html/css_WEB-ITnose
-
CSS3里怎么实现打字动画
-
为什么在html设置了禁用浏览器缓存，但点前进后退时页面还是 返回 From cache_html/css_WEB-ITnose
-
怎么让css两个属性相等_html/css_WEB-ITnose
-
a标签加上CSS样式后 onclick事件不执行，怎么办- -。_html/css_WEB-ITnose
-
CSS3里怎么实现提示文字的弹窗效果