美文网首页
最简单使用阿里巴巴矢量图标库

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

作者: 程程大人 | 来源:发表于2019-08-11 17:43 被阅读0次

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

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

第二步:登陆

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

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

搜索并选中

第四步:添加购物车

选中并添加购物车

第五步:打开购物车

打开购物车

第六步:添加至项目

添加到项目

第七步:进入我的项目

进入我的项目

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

复制链接

第九步:在Html中引入链接

引入链接

最后使用

使用

注意点

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

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

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

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

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

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

相关文章

网友评论

      本文标题:最简单使用阿里巴巴矢量图标库

      本文链接:https://www.haomeiwen.com/subject/tgysjctx.html