1、拿到客户提供的字体,.ttf格式本文以(FZCYJ.ttf 为例)

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

vue项目中 引入字体的步骤

3、在font.css 里面进行编辑定义字体

vue项目中 引入字体的步骤

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

vue项目中 引入字体的步骤

5,App.vue引入字体 或者在main.js引入字体

vue项目中 引入字体的步骤

vue项目中 引入字体的步骤

6,样式里设置即可

vue项目中 引入字体的步骤

相关文章: