当前位置:Gxlcms > 前端框架 > css如何设置黑体

css如何设置黑体

时间:2021-07-01 10:21:17 帮助过:44人阅读

css设置黑体的方法:首先创建一个HTML示例文件;然后在body中创建文字内容;最后通过给指定文字添加“font-family:黑体;”属性即可将其设置成黑体。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

css怎样设置黑体样式?

css设置字体可以使用font-family属性,设置为宋体,可以使用 font-family: 黑体;,或者 font-family: SimHei; 。

font-family:规定元素的字体系列。

font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。

有两种类型的字体系列名称:

指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。

通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

提示:使用逗号分割每个值,并始终提供一个类族名称作为最后的选择。

示例:

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

效果图:

48474ce4e5395ef61fb66134972fa28.png

【推荐学习:css视频教程】

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

人气教程排行