vue项目引入字体.ttf

一、下载完字体后在src下新建common文件，文件夹中包含以下文件（FZCYJ.ttf 为例）

二、打开font.css

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

三、配置webpack.base.conf.js 文件

四、App.vue引入字体

五、为目标元素设置字体

p{
    font-family: myfont;
}