ExtJs默认的字体大小改变的几种方法(自己整理)
更新时间：2013年04月18日 16:21:30 作者：
本文列出网上收集的几种方法，希望对大家有用，并且做了下浏览器兼容，感兴趣的朋友可以参考下哈
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
以下列出网上收集的几种方法，希望对大家有用。
1、
只需把ext-all.css样式文件中的所有11px换成12px，这样就为统一的12px的字体了。
但是如果再想增大,那么这时候不光是把源文件的11px换成15px，而且需要把里面和font有关的12px换成15px。
改完之后按钮出现毛边,在样式文件中加
.ext-ie .x-btn-text-icon .x-btn-center .x-btn-text {
padding:3px 0px 0px 0px;
}
毛边就不见了!
2、
由于在不同浏览器中，或者不同版本的同款浏览器中显示的Extjs字体大小不一样。而且看起来比较小。不顺眼。
在网上查之，获得一条有用信息：Extjs 在很多情况下使用 11px 字体，11px 大小是一种边缘字体，不同的浏览器对 11px
的渲染各不相同，IE 的渲染和12px 相似，而在 Firefox 中，则和 10px相似，导致字体在FF
中过小的问题。
为了能够彻底的解决字体大小问题，直接打开ext-all.css，查找所有的11px并替换为12px。问题解决了
3、
Extjs版本3.2.1，字体大小修改
上网找了好多资料，都说是加上
.x-btn-text{
font-size:15px;
}
这样就好了，但是在IE9和FF下还是不好用。
后来到ext-all.css里慢慢试，才找到设置的地方。
把如下代码放到别的css里引用就行了：
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
background-position: 0 center;/*默认*/
background-repeat: no-repeat;/*默认*/
padding-left:18px;/*默认*/
height:16px;/*默认*/
font-size:15px;/*字体大小设置*/
}
1、
只需把ext-all.css样式文件中的所有11px换成12px，这样就为统一的12px的字体了。
但是如果再想增大,那么这时候不光是把源文件的11px换成15px，而且需要把里面和font有关的12px换成15px。
改完之后按钮出现毛边,在样式文件中加
复制代码 代码如下:
.ext-ie .x-btn-text-icon .x-btn-center .x-btn-text {
padding:3px 0px 0px 0px;
}
毛边就不见了!
2、
由于在不同浏览器中，或者不同版本的同款浏览器中显示的Extjs字体大小不一样。而且看起来比较小。不顺眼。
在网上查之，获得一条有用信息：Extjs 在很多情况下使用 11px 字体，11px 大小是一种边缘字体，不同的浏览器对 11px
的渲染各不相同，IE 的渲染和12px 相似，而在 Firefox 中，则和 10px相似，导致字体在FF
中过小的问题。
为了能够彻底的解决字体大小问题，直接打开ext-all.css，查找所有的11px并替换为12px。问题解决了
3、
Extjs版本3.2.1，字体大小修改
上网找了好多资料，都说是加上
复制代码 代码如下:
.x-btn-text{
font-size:15px;
}
这样就好了，但是在IE9和FF下还是不好用。
后来到ext-all.css里慢慢试，才找到设置的地方。
把如下代码放到别的css里引用就行了：
复制代码 代码如下:
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
background-position: 0 center;/*默认*/
background-repeat: no-repeat;/*默认*/
padding-left:18px;/*默认*/
height:16px;/*默认*/
font-size:15px;/*字体大小设置*/
}
相关文章
Grid设置为autoWidth:true时在ie6下宽度为10000px2009-02-02
这篇文章主要介绍了Ext修改GridPanel数据和字体颜色、css属性等,需要的朋友可以参考下2014-06-06
在ExtJS4中使用mixins来实现多继承，下面有个不错的示例，感兴趣的朋友可以参考下2013-12-12
最近调试EXTJS 4的treegrid实例，看了很多水友的文章，以及官方的demo，没一个可靠的，于是乎自己折腾中...感兴趣的朋友可以了解下本文或许对你有所帮助2013-07-07
ExtJS中窗口是由Ext.Window类定义，该类继承自Panel，因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。2011-01-01
本文为大家介绍下在NumberField后面加单位，具体实现如下，感兴趣的朋友可以参考下2013-07-07
这篇文章主要介绍了extjs_02_grid显示本地数据、显示跨域数据的具体实现,需要的朋友可以参考下2014-06-06
Iframe 有的时候还是须要的，比如在Tab中嵌入报表、嵌入其它系统的界面。下面代码是项目中一段。希望对用ExtJS开发的兄弟做个参考。2010-03-03
ExtJS 工具栏 分页事件参数使用说明。2010-03-03
知道每个panel都有一个tbar(top bar 上面工具栏) ,bbar(bottom bar 底部工具栏)下面为大家介绍下extjs的两个tbar问题，感兴趣的朋友可以参考下2013-08-08
最新评论