web字体图标----font-awesome的应用

在传统的网页制作过程中，涉及图标的情况大多用图片进行处理，图片有些不足。例如，使用图片会增加总文件的大小和很多额外的“http请求”，增大服务器的负担，并且大量图片下载需要时，增加用户的等待时间，牺牲用户体验。因此，有时候在“响应式设计”中需要使用图标的最佳解决方案就是不去使用图片，而字体通常是矢量的，所以就解决了图片的缺点，即图标字体化。

自定义图标字体是比较麻烦，而font-awesome为用户准备了将近500个常用icon图标。

首先，我们去https://github.com/FortAwesome/Font-Awesome地址进行下载，下载解压后，打开文件夹，把所有字体文件和css文件“font-awesome.min.css”拷贝到项目中，接下来介绍如何使用font-awesome提供的图标，代码如例3-5所示。运行效果如图3-7所示。

         例3-5 example05.html