字体图标

   CSS3中常用字体图标库总结

https://zhuanlan.zhihu.com/p/21910270

字体图标
以前网页上显示图标都是用切成小图片，然后根据不同场景作多个小图，通过JS来控制  显示效果。 字图图标，顾名思义，就像使用通常的字体，可以设置字体颜色，大小等，不  用在搞多张小图片，非常灵活。
优点
轻松的定义图标的颜色，大小，阴影，和任何与CSS相关的特性。
更快的载入速度、样式更容易定义。
 使用矢量字体，这意味着他们可以完美的显示在高分辨率显示器中。
  图标制作说明
阿里巴巴UX部门图标制作说明: http://www.iconfont.cn/help/iconmake.html
制作图标字体字库
图标在H5中使用方法
使用方法在这里就不记述了，参照下面各字体图标的example说明
Webfont矢量图标库站点总结
阿里巴巴矢量图标

官网: http://www.iconfont.cn/
说明: 阿里巴巴UX部门推出的矢量图标管理网站涵盖了1000多个常用图标     并还在持   续更新中，Iconfont平台为用户提供在线图标搜索、图标分捡下载、在线储存、矢量格式转  倡导者，积极在线分享矢量图标制作经验、前端应用说明，及应用中常见的一些问题。
推荐理由: 涵盖了有1000多个常用图标，持续更新。咱国人，支持是必须  的。
Font Awesome

官网: http://fontawesome.io
Github: https://github.com/FortAwesome/Font-Awesome/
 说明: Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对      它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
推荐理由: 更新快，图标多，覆盖了很多分类，今天为止大约有634多个（2016/08/07）。
Glyph Icons

官网: http://glyphicons.com/
  Bootstrap: http://getbootstrap.com/components/
     说明: Glyphicons Halflings需要商业许可，但是可以通过基于项目的Bootstrap来免费 使    用这些图标，Bootstrap捆绑了200多个字体图标。
Simple Line Icons

官网: https://thesabbir.github.io/simple-line-icons/
 Github: https://github.com/thesabbir/simple-line-icons
 说明: 一套线条非常优美的图标，今天为止大约有186多个                                （2016/08/07）。
Ionicons

官网: http://ionicons.com/
Github: https://github.com/driftyco/ionicons
说明: 一套线条非常优美的图标，今天为止大约有750多个字体图标（2016/08/07）。
推荐理由: 图标多，有标准，iOS，Android，社交图标，图标非常精美。
Themify

官网: http://themify.me/themify-icons
说明: Themify图标是用于网页设计和应用一套完整的图标，包括320以上像素完美，手工制作的图标，画的灵感来自苹果iOS7公开，100%免费！
Material Design Iconic Font

官网: http://zavoloklom.github.io/material-design-iconic-font/index.html
Github: https://github.com/zavoloklom/material-design-iconic-font
说明: 有提醒，视频，联系，内容，编辑器，硬件，地图等多种分类图标，今天为止大  约有700多个字体图标（2016/08/07）。
Weather Icons

 官网: http://erikflowers.github.io/weather-icons/
 说明: 涵盖了与天气相关字体图标，今天为止大约有222多个（2016/08/07）。