vue项目中安装字体文件

下载字体文件，放到项目中

新建index.css

@font-face{
  font-family: SourceHanSansCN-Heavy;
  src: url('../../assets/iconFont/SourceHanSansCN-Heavy.otf');
  font-weight: normal;
  font-style: normal;
}

组件页面中使用

index.vue

div {
    font-family: SourceHanSansCN-Heavy;
}