打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
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
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
JQuery 页面如何快速滚动到顶部?
饿了么的 element 使用Font-awesome字体图标
jQuery轻量级响应式扁平风格tabs选项卡插件
php – 如何在symfony表单中选择显示字体真棒图标
jQuery文件树形结构菜单插件
Font Awesome, 为 Bootstrap 而创造的图标字体
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服