PhoneGap中文网

标题: html5 phonegap移动开发 字体图标的使用小技巧-jqmobi图标自定义 [打印本页]
作者: 你懂的    时间: 2015-1-27 13:11
标题: html5 phonegap移动开发 字体图标的使用小技巧-jqmobi图标自定义
html5 phonegap移动开发 字体图标的使用小技巧 以及jqmobi图标自定义 还有jqueryMobile自定义图标


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






先推荐两个不错的网站

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


【iconfont】

http://www.iconfont.cn/



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

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









作者: lcy1069    时间: 2015-6-1 16:40
收藏了学习了 顺便顶一下前辈
作者: ria4com    时间: 2015-6-1 16:53
我也来看看 html5 app



欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2