WordPress引用阿里巴巴矢量图标库彩色图标

  更新于
 WordPress

WordPress引用阿里巴巴矢量图标库彩色图标

详细步骤请查阅༼ つ ◕_◕ ༽つ你可算回来了! (wiiuii.cn)

  • 注册/登陆iconfont-阿里巴巴矢量图标库
  • 在资源管理-我的项目中创建项目
  • 将需要的图标添加到购物车中,可将图标加入项目中
  • 复制代码JS,在主题中引用<script src="//at.alicdn.com/t/font_3228779_7e9ex7b2jco.js"></script>
  • CSS样式.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    }
  • 图标使用方法:<svg class="icon fa-spin" aria-hidden="true"><use xlink:href="#图标名称"></use></svg>
  • 图标旋转CSS .fa-spin {
    animation: 2s linear 0s normal none infinite running fa-spin;
    }
墨艺栈官方账号,社区管理员。
如未明确标明可商用请查证后使用!如需商业授权请自主联系版权方!

成为第一个回复的人

显示验证码
没有账号? 注册  忘记密码?
19
20
21
22
23
24
25
modal close image