• 技术文章 >web前端 >前端问答

    css怎么设置黑体字

    藏色散人藏色散人2021-06-01 10:49:20原创75

    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>

    效果图:

    a923e096679207672626c5bd4011a51.png

    拓展:

    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怎么设置黑体字的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:css怎么写圆形 下一篇:css怎么让字体变大
    第16期线上培训班

    相关文章推荐

    • css中如何给字体加描边• 值得了解的关于CSS auto的相关知识!!• css超链接怎么使其失效• css3怎么实现强制不换行• css怎么写圆形

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网