sencha touch font-face(自定义ico的另一种实现)的优劣(来至于sheng )

感谢Q群&sheng的实践，我们的Q群是224711028

关于自定义ico除了我之前说的利用png图片来实现，还可以利用font-face。

请大家看看http://icomoon.io/app/

嗯，效果不错，再加上字体颜色的话也能做出五颜六色的图标。不错不错，而且css本身占用比png图片要小一些。

不过有些缺点

1.同样都是32px，每个图标的边距留白不同，显示出来的大小不一样，很难看

2.还有一个致命的缺陷，图标或许会经常变动，如果使用文字图标，需要把多个图标文字合并在一起从而减小文件大小，但这样做显得繁琐，图片就不存在这样的问题

没有实践过不发表意见...待续吧...

转载于:https://www.cnblogs.com/mlzs/archive/2013/06/11/3131433.html

sencha touch font-face(自定义ico的另一种实现)的优劣(来至于sheng )相关推荐

【翻译】在Ext JS和Sencha Touch中创建自定义布局
原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置 ...
Sencha Touch 2.3 自定义主题皮肤,颜色
写博客园越来越懒了,只写重点部分,不明白的可以Q我. 1.当你通过Cmd生成项目之后,App\resources\sass就是我们的样式源文件 2.想自定义自己的样式分为两种方式扩展:这个是基于st ...
sencha touch Model validations 自定义验证二选一输入验证、重复验证、时间验证、比较验证、条件验证(2015-1-14)...
项目初始化时执行以下代码 1 //重写模型,方便进行自定义验证 2 Ext.define("Ext.zh.data.Model", { 3 override: "Ext. ...
【翻译】Sencha Touch 2入门：创建一个实用的天气应用程序之二
原文地址:http://www.sencha.com/blog/getting-started-with-sencha-touch-2-build-a-weather-utility-app-part ...
【翻译】Sencha Touch 2入门：创建一个实用的天气应用程序之三
原文:Getting Started with Sencha Touch 2: Build a Weather Utility App (Part 3) 作者:Lee Boonstra Lee is ...
Sencha Touch 2 DataView / List 分页
Sencha Touch 2的List的分页功能想必不用过多的介绍了,应该都了解,官方也有例子. 但是想直接把List的分页功能拷贝到DataView上,是不够完美的,存在一个小Bug,导致一直在加载 ...
sencha touch 入门系列（一）sencha touch 简介
参考链接:http://mobile.51cto.com/others-278381.htm Sencha touch 是基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合J ...
[Phonegap+Sencha Touch] 移动开发77 Cordova Hot Code Push插件实现自己主动更新App的Web内容...
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/50848524 插件地址:https://github.com/nordnet/cord ...
sencha app watch php,Sencha Touch构建移动端App
Sencha Touch是什么 Sencha Touch是专门用于移动应用开发的JavaScript框架,也是第一个基于HTML5的移动应用框架,其前身是Ext.使用Sencha Touch,开发者可 ...

sencha touch font-face(自定义ico的另一种实现)的优劣(来至于sheng )

sencha touch font-face(自定义ico的另一种实现)的优劣(来至于sheng )相关推荐

最新文章

热门文章