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.效果