jQuery Mobile如何引用Font Awesome Icons

安卓webApp学习之路二

在《jQuery Mobile 权威指南》书中，告诉了我们如何引用图标，但是jQuery Mobile给的图标种类太少了，完全不能满足实际需求。于是网上找了一下，有没有免费的图标，皇天不负有心人，终于找到了一个，那就是Font Awesome。说实话它的图片多的让我大吃一惊，虽然是黑白图标，但是它是免费的，真的很不错。

现在考虑工程如何引用它的图标，首先到官网下载它的文件包（我已经下载好了，上传到csdn，下面有地址），解压文件，将fonts文件整个复制到工程里，并且把css文件夹里的font-awesome.min.css文件复制到工程里（用font-awesome.css也是可以的）。

接着，在网页上引用它的css，和引用别的css方法一样的：

<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css"/>

在你需要图标的地方，写上：

<i class="fa fa-github fa-fw"></i>

整个就是：

<a href="http://fanxingwufeng.github.io/" rel="external" data-role = "button"><i class="fa fa-github fa-fw"></i>　我的github</a>

下载地址： http://download.csdn.net/detail/u012157999/8667193