vue引入自定义字体otf、ttf字体的方法

1 在src/assets下新建font文件夹，文件夹中包含以下文件

2 新建font.css

@font-face {
  font-family:'ALPH';//自己随意定义的名字
  src:url('Alibaba-PuHuiTi-Regular.otf');
}
@font-face {
  font-family: 'YSBT';//自己随意定义的名字
  src:url('ysbthei.ttf');
}

3 在项目中（main.js）引入刚刚加载进来的字体

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

在main.js、index.html、app.vue中引入font.css都可以。