一、下载完字体后在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;
}