zoukankan      html  css  js  c++  java
  • 阿里巴巴iconfont使用方法(超级详细)

    第一步

    搜索阿里矢量,点击出现的阿里巴巴矢量图标库

    第二步

    进入到阿里巴巴图标库之后,要登陆,我使用的是github的帐号登陆的,没有帐号就自己注册一下下啦

    登录之后,搜索自己需要的图标

    然后会出现很多相关的图标,找到自己需要的,鼠标悬浮在上面,会有购物车图标,点击加入购物车

    加入购物车之后点击右上角的购物车,右侧会出现购物车清单

    把需要的图标添加至项目,项目取个名字,方便自己用

    确定之后会出现这些

    点击查看在线链接,点击生成

    生成之后有一串代码,

    把代码复制到你的css文件中

    还要在css文件中添加iconfont的样式

    .iconfont{
              font-family:"iconfont" !important;
              font-size:16px;font-style:normal;
              -webkit-font-smoothing: antialiased;
              -webkit-text-stroke- 0.2px;
              -moz-osx-font-smoothing: grayscale;
            }

     

    然后在html需要插入图标的地方写

    <i class=“iconfont”>&#xe62d;</i>

    iconfont类名必须要添加,可以在后面再加上你自己的类名以控制样式

    其中&#xe62d;是图标下面的代码,相信你也看到了,鼠标悬浮在图标上点击复制代码,就可以了

  • 相关阅读:
    JZOJ_5838. 【广州市选2011一试】旅游路线 (Standard IO)
    JZOJ_4421. aplusb (Standard IO)
    JZOJ_3928. 射击 (Standard IO)
    JZOJ_3927. 可见点数 (Standard IO)
    AFO
    基础数论Ⅱ——笑容渐渐消失
    基础数论Ⅰ——数学渣默默流泪
    模板——二分
    模板——最小费用流
    模板——Dinic
  • 原文地址:https://www.cnblogs.com/westie/p/8385111.html
Copyright © 2011-2022 走看看