最简单使用阿里巴巴矢量图标库

无脑教程使用阿里巴巴矢量图标库

第一步:进入阿里巴巴矢量图标库

第二步:登陆


选择有的账号登陆,没有的话自行注册

第三步:找自己需要的图标


搜索并选中

第四步:添加购物车


选中并添加购物车

第五步:打开购物车


打开购物车

第六步:添加至项目


添加到项目

第七步:进入我的项目


进入我的项目

第八步:复制链接 需要加前缀 http:


复制链接

第九步:在Html中引入链接


引入链接

最后使用


使用

注意点

1、链接前面必须带http://

2、使用到时候 class里面必须要加 iconfont的类。

3、后面的跟的代码就是在项目管理中生成的代码。

4、可以完全当成字体用,可以设置font-size 和 color属性。

5、生成代码之后,如果后面又添加图标,就需要重新生成链接,否则无效。


后面我会再发布教程-----离线用法。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容