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

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

作者: 程程大人 | 来源:发表于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