iconfont是一个阿里的图标库
1、地址: https://www.iconfont.cn
2、注册登录后选择‘我的项目’,并创建我的项目

3、选择需要的图标并加入购物车,选择购物车把购物车内的图标加入项目文件夹中

4、点击下载至本地,会获得如下文件夹和文件。

5、下面这一排文件有用,上面3个没有用。

6、在项目中新建一个iconfont文件夹,将下面这6个文件放入文件夹中,打开css文件,给非data的url加上相对路径,更加稳妥。

7、按照说明文档引入项目,说明文档为上述文件夹中的demo_index.html。
引入方法为:
<span class="iconfont"></span>
中间的字符串在demo_index.html说明文档中可以找到,他对应相应的icon。

本文详细介绍了如何使用阿里旗下的Iconfont图标库。从注册登录到创建项目,再到选择图标并将其加入项目,最后下载至本地并整合进项目的过程。特别强调了在项目中正确引用图标的方法。
951

被折叠的 条评论
为什么被折叠?



