首先在字体图标库官网找到需要的字体图标,然后加入到购物车中,在购物车中添加至项目,下载字体图标至本地,
将下载的文件中的字体样式css文件以及字体文件提取出来,放到vue项目中assets下的styles文件夹下,将字体文件放到新建文件夹iconfont下,
打开iconfont.css文件,修改引入的字体文件的路径
因为可能每个页面都需要引入iconfont,所以直接在main.js中引入iconfont.css
然后在字体图标库的官网点击复制代码,将复制到的代码放到项目中
给元素添加iconfont属性,就可以正常显示