Home >Web Front-end >Front-end Q&A >How to set boldface in css

How to set boldface in css

藏色散人
藏色散人Original
2021-06-01 10:49:205325browse

css设置黑体字的方法:首先创建一个HTML示例文件;然后在CSS中通过“font-family:"黑体";”或者“font-family: SimHei;”来设置字体样式为黑体样式即可。

How to set boldface in css

本文操作环境: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>

效果图:

How to set boldface in 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视频教程

The above is the detailed content of How to set boldface in css. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn