PhoneGap中文网

 找回密码
 立即注册
查看: 14728|回复: 2
打印 上一主题 下一主题

html5 phonegap移动开发 字体图标的使用小技巧-jqmobi图标自定义

[复制链接]

52

主题

528

帖子

1652

积分

金牌会员

Rank: 6Rank: 6

积分
1652
跳转到指定楼层
楼主
发表于 2015-1-27 13:11:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
html5 phonegap移动开发 字体图标的使用小技巧 以及jqmobi图标自定义 还有jqueryMobile自定义图标


图片是有诸多优点的,然而目前在网站设计这行业面临各种各样的挑战。图片不但增加了总文件的大小,还增加了很多额外的"http请求",这都会大大降低网页的性能的。图片还有一个缺点就是不能很好的进行“缩放”,因此,有时候在“响应式设计”中需要使用图像的最好解决方案就是不去使用图片。
为了适应各种分辨率和各种尺寸的设备。小小的图标真是费透了心。
现在终于来了一个优良的解决方案了, 这就是我们今天的主角  【html5 图标字体】 而且可以自定义






先推荐两个不错的网站

【IcoMoon】
https://icomoon.io/app/#/select


【iconfont】

http://www.iconfont.cn/



  1. 我们以icomoon下载好的demo为例子
  2. 文档结构很简单

  3. icomoon
  4.     |- demo-files      //不用管
  5.     |- fonts           //这个是有用的
  6.     |- demo.html       //这个是demo,可以直接双击打开,可以看到效果
  7.     |- Read Me.txt     //不用管
  8.     |- selection.json  //不用管
  9.     |- style.css       //这个也是有用的
复制代码









回复

使用道具 举报

0

主题

13

帖子

51

积分

注册会员

Rank: 2

积分
51
沙发
发表于 2015-6-1 16:53:04 | 只看该作者
我也来看看 html5 app
回复 支持 反对

使用道具 举报

0

主题

21

帖子

54

积分

注册会员

Rank: 2

积分
54
板凳
发表于 2015-6-1 16:40:38 | 只看该作者
收藏了学习了 顺便顶一下前辈
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-23 21:58 , Processed in 0.051537 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表