font-awesone 太大了… 还是用阿里的图标库吧..

多个 图标 支持批量下载??

能改变颜色…. 能选择图标大小.. 能选择图标格式…

一个 64大小的 svg github图标 有2KB….

怎么使用

单图标使用

比如只是 做个demo … 图标使用的很少…

  1. 下载 svg格式文件…

多图标使用

把多个 icon 加入项目. 然后用下面的方法 symbol 引用.. 其实是把 多个svg 合并成一个.. 兼容性较差 ie9+ …

第一步:拷贝项目下面生成的symbol代码: //at.alicdn.com/t/font_1473319176_4914331.js

第二步:加入通用css代码(引入一次就行):

第三步:挑选相应图标并获取类名,应用于页面:

1. 多选图标 添加到购物车

  1. 去购物车 新建并保存项目
  2. 去我的项目 → 选择Symbok → 查看在线链接(点击生成)
  3. 复制代码. 当成js文件引入.

  4. CSS 文件添加(一次就行): .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }

  5. HTML 使用 下面的 xxx 改成你项目下某个图标的名字就好.
  6. 通过控制 iconfont 类属性 改变图标样式 .iconfont{ font-family:”iconfont”; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; padding-left:20px }

设置图标大小 css → icon 类下 → 添加 font-size:25px; → 值可以自定义.