css 微软雅黑字体代码

在前端开发中，经常会遇到使用微软自家的中文字体——微软雅黑（Microsoft YaHei）。由于引用外部字体需要经过网络请求，所以我们通常会在本地引入微软雅黑字体，然后通过 CSS 样式来控制网站中字体的样式。

@font-face {
      font-family: "Microsoft YaHei";
     /* 自定义名称 */  src: url("./fonts/MicrosoftYaHei.ttf");
 /* 字体文件路径 */}

使用 @font-face 规则可以让浏览器从本地加载字体文件，使得页面加载速度更快。然后我们就可以在 CSS 样式中使用微软雅黑字体了。

body {
      font-family: "Microsoft YaHei", sans-serif;
}

这里的 sans-serif 表示在 Microsoft YaHei 字体不可用时，网页将使用其它的无衬线字体（如 Arial 或 Helvetica）作为回退。

另外，使用 Microsoft YaHei 字体时，我们还可以设置字体的粗细、大小、颜色等样式。

h2 {
      font-family: "Microsoft YaHei", sans-serif;
      font-weight: bold;
      font-size: 24px;
      color: #333;
      margin-bottom: 10px;
}
    

这样，我们就可以在网站中方便地使用微软雅黑字体了。同时需要注意，由于微软 YaHei 字体版权的问题，我们需要在声明使用前咨询相关方面。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！