字体图标

• 图片有诸多优点，但是缺点也很明显
  例如：
  1、图片会增加网页的大小（性能问题）
  2、图片不会增加访问网页时HTTP请求的次数（性能原因）
  3、图片不会很好的进行缩放（失真）
  。。。。。。
• 字体图标
  本质是字体（体积小），虽然字体图标的本质是文字，但是也可以做出和图片一样的效果并且可以随意修改颜色、大小、透明度（扩展性强）
  3、常用字体图标库
  http://www.iconfont.cn/[淘宝]
  http://icommon.io/[国外的图标库访问速度慢]
  4、字体图片的使用
  4.1设计师提供SVG格式图标
  4.2上传对应字体图标网站
  4.3下载生成的代码使用

下载后如何使用
1、找到下载好的对应的文件夹，将所有的iconfont开头的文件放到项目的font文件夹下面
2、新建css文件，将demo_index.html对应的代码拷贝进去

• 注意点：拷贝代码之后需要将@font-face中的资源路径改为拷贝资源对应的路径