1.去阿里巴巴矢量图标库官网下载需要的图标
iconfont-阿里巴巴矢量图标库
2.在vue目录下src/assets创建font文件夹，粘贴所下载的字体文件（例如：我的字体文件是：TsangerYuYangT_W01_W01.ttf ， TsangerYuYangT_W02_W02.ttf）
3.在目录src/assets/styles 下创建例font.css文件，写入内容：
@font-face {font-family: 'TsangerYuYangT_W01_W01';src: url('../font/TsangerYuYangT_W01_W01.ttf');}@font-face {font-family: 'TsangerYuYangT_W02_W02';src: url('../font/TsangerYuYangT_W02_W02.ttf');}
4.在main.js写入 import './assets/styles/font.css'
5.使用
6.效果
