脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-改变ExtJs默认的字体大小的几种方法，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

以下列出网上收集的几种方法，希望对大家有用。

 

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;/*字体大小设置*/
}

 

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-改变ExtJs默认的字体大小的几种方法全部内容，希望文章能够帮你解决javascript代码实例教程-改变ExtJs默认的字体大小的几种方法所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。