怎么使用阿里图标库

时间:2022-07-25 16:23:30

1、登录地址阿里图标库官网

www.iconfont.cn

 2、登录网站,如果已经登录,请省略。支持两种登录方式,githup和微博。我选着新浪微博,如果新浪微博登录出现错误代码,不能登录,请重新刷新(ctrl+F5)试试。

3、在导航栏搜索需要的图标

怎么使用阿里图标库

 

4、鼠标悬浮,选中需要的图标,出现三个栏目,选择最上面的,【添加入库】。网站右上角出现相对应的购物车+红色数字图标。

5、右侧导航,要添加到项目中,下载相对应的代码,每次要下载图标,都要重新下载整个项目的图标。

5、下载图标压缩包后,解压,把文件夹移入项目中,并重命名。

6、在html文件中引用,刚才下载的图标文件夹中的

iconfont.css文件。然后在需要html中添加相对应的类,具体添加,请参考你下载的图标文件夹中的demo_fontclass.html文件。