首页 >web前端 >前端问答 > 正文

css怎么设置微软雅黑

原创2021-04-09 09:12:020637

css设置微软雅黑的方法:首先创建一个HTML示例文件;然后在body添加p标签;最后给文字添加“font-family:"Microsoft YaHei",微软雅黑;”属性即可将其设置为微软雅黑。

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

font-family属性可以为标签设置字体,浏览器会从左至右依次查找是否有该字体,并将找到的第一个字体用于显示。如果没找到,则使用默认字体(Windows XP简体中文版一般是宋体)。

css设置微软雅黑的方法:

css代码:

.selector{ 
  font-family:"Microsoft YaHei",微软雅黑
}

说明:

加上中文名“微软雅黑”是为了兼容opera。

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>HTML中文网</title> 
<style>
p{
font-family:"Microsoft YaHei",微软雅黑;
}
</style>
</head>
<body>
<p>这是微软雅黑字体</p>
</body>
</html>

效果图:

b44f315dcfb24df1b74c9a4390a8361.png

font-family说明:

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

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

【推荐学习:css视频教程

以上就是css怎么设置微软雅黑的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • CSS3进阶视频教程CSS3进阶视频教程
  • HTML+CSS网页基础HTML+CSS网页基础
  • CSS3 极速入门CSS3 极速入门
  • 玩转CSS Flexbox弹性盒子布局(2021新课)玩转CSS Flexbox弹性盒子布局(2021新课)
  • 让布局像5G一样快:CSS Grid网格布局让布局像5G一样快:CSS Grid网格布局
  • 视频教程分类