项目中引入阿里巴巴矢量字体图标库

1.下载至本地
项目中引入阿里巴巴矢量字体图标库_第1张图片
2.将下载下来的这四个文件覆盖至下图中指定的目录里面:

项目中引入阿里巴巴矢量字体图标库_第2张图片
3.使用
项目中引入阿里巴巴矢量字体图标库_第3张图片
但图片没有出来:
项目中引入阿里巴巴矢量字体图标库_第4张图片
原因是有段代码还没有粘贴进来
4.粘贴一段代码:
找到下载至本地的文件里面 有这段代码,复制一下:
项目中引入阿里巴巴矢量字体图标库_第5张图片
粘贴到自己项目中,(把那个base64那一段替换掉):
项目中引入阿里巴巴矢量字体图标库_第6张图片
然后你想要的图片就出来了:
项目中引入阿里巴巴矢量字体图标库_第7张图片

另外有时候在main.js中也需要引入字体文件:
项目中引入阿里巴巴矢量字体图标库_第8张图片

你可能感兴趣的:(前端)