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

你懂的

html5 phonegap移动开发 字体图标的使用小技巧 以及jqmobi图标自定义 还有jqueryMobile自定义图标


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






先推荐两个不错的网站

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


【iconfont】

http://www.iconfont.cn/

1. 
   
2. 我们以icomoon下载好的demo为例子
   
3. 文档结构很简单
   
4. 
   
5. icomoon
   
6.     |- demo-files      //不用管
   
7.     |- fonts           //这个是有用的
   
8.     |- demo.html       //这个是demo，可以直接双击打开，可以看到效果
   
9.     |- Read Me.txt     //不用管
   
10.     |- selection.json  //不用管
    
11.     |- style.css       //这个也是有用的
    

复制代码

ria4com

我也来看看 html5 app

lcy1069

收藏了学习了 顺便顶一下前辈