使用黑体的字体

2022-04-15 177 阅读1分钟

谷歌搜索“fonts.css”中文

会出现这个# Fonts.css -- 跨平台中文字体解决方案,点进去即可；
复制font-family里面的值：

-apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;

放到helper.scss里面,取名为$font-hei

$font-hei:-apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;

也可以加入其他类型的字体

引用

<style lang="scss">
@import  "@/assets/style/helper.scss";
@import "@/assets/style/reset.scss";


body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:#333;
  line-height: 1.5;
  font-family:$font-hei;
}


</style>

引用颜色

> .item.selected{
      color: $color-highlight;
    }