阿里巴巴矢量图标库 iconfont 的使用方法

小易 1人参与 0 次点击

登录阿里图标:https://www.iconfont.cn,如果没有账号先注册

创建一个项目,项目名称随意,比如下图所示:

创建好项目以后,搜索自己需要的图标,添加入库(图标上的购物车),或者上传自己的图标入库

添加完成后需要添加到项目,可以选择右上角的购物车图标,点击添加至项目。

找到我的项目,可以看到我们添加的图标

选择Font class,生成一个链接,复制这个链接

引入这个css文件,将下面这段放在头部HTML标签:(将href里面的代码替换为自己的)

<link href="//at.alicdn.com/t/font_978757_348zi3urmu.css" rel="stylesheet" type="text/css" media="all" />

按上面图中项目设置的参数,如果图标的代码b2-home,那么在需要添加图标的地方加下面这段就可以了