9.1　Font Awesome

9.1.1　介绍

Font Awesome是一款强大的icon图标集，可以进行矢量缩放，支持任意CSS对大小、颜色、阴影等的控制操作。目前最新版本是V4.0.3，它拥有如下9大特性：

❑一个字体文件，369个图标。

❑完全免费，可以商用。

❑完全兼容Bootstrap。

❑可以直接利用CSS控制图标的大小、颜色、阴影等，只要CSS支持的都可以。

❑支持IE7（需要应用兼容性文件：font-awesome-ie7.css）。

❑友好的使用方式，样式和普通文本（unicode格式）均可。

❑无限的可伸缩性。

❑Retina屏上的完美显示。

❑完全兼容屏幕阅读器。

其下载地址是http://fontawesome.io/assets/font-awesome.zip。

因为和Bootstrap完全兼容（Bootstrap以glyphicon-开头，Font Awesome以icon-开头），所以使用方式非常简单，在Bootstrap之后直接引用CSS文件即可。示例如下：

  1. <link rel="stylesheet" href="/css/font-awesome.min.css">
  2. <!--[if IE 7]>
  3.   <link rel="stylesheet" href="/css/font-awesome-ie7.min.css">
  4. <![endif]-->

如果要支持IE7版本浏览器，则需要加上上述内的兼容性文件代码。

注意

❑所有的icon都可以在http://fontawesome.io/icons/上找到。

❑所有icon对应的样式和Unicode编码都可以在http://fontawesome.io/cheatsheet/上找到。