项目中矢量图标的使用方式

128 阅读1分钟

最近不知道为什么阿里的矢量图标图没有办法生成在线链接了,只能把所有的文件下载下来在应用于项目中了。然后记录一下。

1 点击下载至本地

image.png

2 将下载下来的以下五个文件应用于项目

image.png

3 注意iconfont.css文件中引用的以下四个文件的地址,当前地址是同级目录

image.png

4 然后就可以在项目main.js文件中引用iconfont.css文件

iconfont使用方式如下

//Unicode方式
 <i class="toutiao "> &#xe612;</i>
//Font class 方式
 <span class="toutiao toutiao-fenxiang"></span>