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



郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。