html5 phonegap移动开发 字体图标的使用小技巧-jqmobi图标自定义
html5 phonegap移动开发 字体图标的使用小技巧 以及jqmobi图标自定义 还有jqueryMobile自定义图标图片是有诸多优点的,然而目前在网站设计这行业面临各种各样的挑战。图片不但增加了总文件的大小,还增加了很多额外的"http请求",这都会大大降低网页的性能的。图片还有一个缺点就是不能很好的进行“缩放”,因此,有时候在“响应式设计”中需要使用图像的最好解决方案就是不去使用图片。
为了适应各种分辨率和各种尺寸的设备。小小的图标真是费透了心。
现在终于来了一个优良的解决方案了, 这就是我们今天的主角【html5 图标字体】 而且可以自定义
先推荐两个不错的网站
【IcoMoon】
https://icomoon.io/app/#/select
【iconfont】
http://www.iconfont.cn/
我们以icomoon下载好的demo为例子
文档结构很简单
icomoon
|- demo-files //不用管
|- fonts //这个是有用的
|- demo.html //这个是demo,可以直接双击打开,可以看到效果
|- Read Me.txt //不用管
|- selection.json//不用管
|- style.css //这个也是有用的
我也来看看 html5 app 收藏了学习了 顺便顶一下前辈
页:
[1]