1、下载所需要的字体，.ttf格式本文以（PingFang.ttf 为例） 底下将会附加苹果方体-简易黑体 PINGFANG MEDIUM.tff

可自行下载其他字体样式，全局引用，方便快捷。

2、在src下新建common文件，文件夹中包含以下文件

3、打开font.css

@font-face {  
  font-family: 'PingFang';  //重命名字体名
  src: url('PingFang.ttf');  //引入字体
  font-weight: normal;  
  font-style: normal;  
}

4、App.vue引入字体 全局修改

(

如果想对单个的修改，则在对应的class写

.class{

font-family: PingFang;

}

)

苹果方体-简易黑体

https://download.csdn.net/download/qq_25007459/11945387