安卓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
时间: 2024-10-12 00:01:22