可以参观一下我的导航 hao.iwong.cc
一、首先登录阿里巴巴矢量图标库
目前只支持GitHub 和新浪微博账号授权登录。
二、新建图标库项目
登录后,点击上面菜单中的图标管理→我的项目,点新建项目图标新建一个图标项目:
在弹出的窗口中输入相关信息,项目名称任意。
需要注意(设置后不显示基本都是下面这步错了)
FontClass/Symbol 前缀输入:io-,Font Family 输入:io,前后不能有空格。如图:注意前缀加中横线(仔细对照下图)
三、向图标项目中添加图标
点击菜单上的图标库,进入一个图标库(注:主题不支持多色图标)。
用鼠标选择一个图标并点击上面的购物车图标,将图标添加到临购物车中,如图:
已添加过的图标,会有个虚线框提示,右上角购物车图标上的数字,是在购物车中待添加到项目中的图标个数。
选择添加完图标,点击右上角的购物车图标,将添加在购物车中的图标添加到相应该项目中:
点击生成代码:(以后每次添加新图标都要重新生成代码)
四、加载外链图标字体库
复制代码:
如果再次添加图标,重复上面的步骤。
五、给菜单项目添加图标字体
进入后台设置 引入css
然后在添加分类中 填入字体图标
格式为io空格+项目图标代码
如“io io-github”