字体小图标的介绍

Font Awesome （http://fontawesome.dashgame.com/)为您提供可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。Font Awesome提供的字体小图标不一定能够满足开发项目的需求，因此我们需要根据自身的具体要求进行设计新的小图标。

制作.png格式图片

1) 用PS设置符合自己需求的png小图标
2) 在网站上面查找符合需求的png图片 相关网站：http://www.easyicon.net/iconsearch/light/3/

将.png格式图片转化为SVG格式

1）进入https://image.online-convert.com/convert-to-svg 页面
2）点击上传，上传对应的图片

Alt text

3.下载转化为svg格式的文件

将SVG格式文件转化为字体小图标

1）进入https://icomoon.io/app/#/select/font 页面
2) 导入SVG图片,并且选中需要生成的小图标

Alt text

3）生成自己小图标,选中下方的download标签页,设置字体小图标的前缀名，避免与bootstrap中的冲突，点击download即可以进行下载字体小图标

Alt text

将制作后的小图标应用于项目

1）新建一个文件夹如icomoon，将下面的style.css和font文件夹拷贝到icomoon文件夹下面

Alt text

2）在页面上引入style.css即可使用新建的字体小图标
3）字体小图标的使用格式



<i class=”iconnew-flightTop”></i>

Alt text