vue项目中引入字体

1：首先在assets文件夹中创建一个fonts文件里面放上你想加的字体文件（类似FZBWKSJW.ttf格式）；

2：在css文件中创建一个font.css中写入

@font-face {
  font-family: 'my-font2';
  src: url('../fonts/FZBWKSJW.ttf');
}

3：在需要用的文件中引入

import '@/assets/css/font.css'

引入之后在样式中使用

font-family: my-font2;

批量引入

App.vue引入字体

@import 'assets/css/font.css';

目录结构是这样的

提示 我试过放在static中 总是报错 后台放弃 还是放在 assets中了 如果有放在static中成功的朋友 可以交流一下