一、推荐网站
可能大家刚写js时，遇到一些需要用的图标，会上网去搜图片，然后ps。。。其实，有一个很好的网站已经为我们设计好了所有的（几乎你需要用的）所有图标。有很多这样的网站：fontawesome、ionicons、google icons，IconFont。作为新手来讲，今天给大家推荐fontawesome（第二部分，会介绍一个使用fontawesome的实例）。先给大家推荐两个网站：
1.中文网站，不需注册，简单方便 http://fontawesome.dashgame.com/
2.英文官网，需注册 https://fontawesome.com/?from=io
二、实例讲解（在js中写一个搜索栏的搜索图标）
1.使用上面推荐的中文网站，点击立即下载，将font awesome的文件夹下载下来。下载放入电脑中存放h5文件的文件夹中
2.在h5文件夹中添加link， href中写存放font awesome文件夹中的css文件中的font-awesome.css文件路径
完成以上这两部，就可以开始正式使用font awesome带的图标啦!
3. 在以上推荐的中文网站上 找到自己需要的图标的名称（我们这里找的叫 search）
4. 在h5文件中插入相应代码。
使用<i> label；class=fa fa-（图标名）
5.最后，大家也可以使用css自动调节图标颜色，大小等等样式问题。（成果图） search logo如下
三、扩展 Fontawesome还有非常丰富的其他用法
如何放大缩小图标？如何宽度对齐？如何边框对齐？如何使用动态刷新时的动态图标？如何翻转旋转图标？如何组合使用图标？可在文章开头推荐的中文网站底部找到。
好啦，感谢大家的观看！
