码迷,mamicode.com
首页 > Web开发 > 详细

jQuery Mobile如何引用Font Awesome Icons

时间:2015-05-06 13:18:36      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:jquery mobile   webapp   

安卓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



jQuery Mobile如何引用Font Awesome Icons

标签:jquery mobile   webapp   

原文地址:http://blog.csdn.net/u012157999/article/details/45533647

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!