【原创】阿里图标库的使用

使用步骤

  • 进入阿里巴巴图标库网站 http://www.iconfont.cn/
  • 搜索想要的图标
  • 选择需要的图标加入购物车
  • 右上角找到购物车的图标将图标,点击添加至项目,放到项目中,之前没有项目要新创建一个
  • 在所在项目中选中 fontclass,然后图标的下方会出现一些ico-开头的一些类名
  • 点击更新代码,会出现新代码
  • 将生成的代码链接到本地项目的 index.html 下
  • 然后 i 标签的 class 就可以直接使用,如下:
    <i class="icon-search"></i>
点赞

发表回复

电子邮件地址不会被公开。必填项已用 * 标注