Iconfont免费的矢量图标库,受到近些年扁平化设计的影响,越来越多的图标都开始使用 IconFont。
方法一(下载本地使用)
1、首先将项目所需的所有图标整理好,点击【下载至本地】;
![](https://img.haomeiwen.com/i10051509/254c8a599af9b6a3.png)
2、下载完成解压到本地,放入工程目录即可使用。
![](https://img.haomeiwen.com/i10051509/b8720b9750965d88.png)
![](https://img.haomeiwen.com/i10051509/714f61c008114feb.png)
方法二(线上引用)
1、点击【查看在线连接】-【复制代码】到iconfont.css;
![](https://img.haomeiwen.com/i10051509/a5be88513eff6af2.png)
![](https://img.haomeiwen.com/i10051509/e33b561566bd712a.png)
2、使用Iconfont的样式,写入相应的图标名称,字体编码;
![](https://img.haomeiwen.com/i10051509/4eeb6e5d1b43a750.png)
3、修改相应的图标类名;
![](https://img.haomeiwen.com/i10051509/154376b7c2c218d8.png)
Iconfont免费的矢量图标库,受到近些年扁平化设计的影响,越来越多的图标都开始使用 IconFont。
1、首先将项目所需的所有图标整理好,点击【下载至本地】;
2、下载完成解压到本地,放入工程目录即可使用。
1、点击【查看在线连接】-【复制代码】到iconfont.css;
2、使用Iconfont的样式,写入相应的图标名称,字体编码;
3、修改相应的图标类名;
本文标题:阿里图标的引用方法
本文链接:https://www.haomeiwen.com/subject/lxfjektx.html
网友评论