ExtJS改变默认字体大小的几种方式
2014-08-14 09:55
253 查看
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;/*字体大小设置*/
}
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;/*字体大小设置*/
}
相关文章推荐
- 改变ExtJs默认的字体大小的几种方法
- ExtJs默认的字体大小改变的几种方法(自己整理)
- ExtJs默认的字体大小改变的几种方法(自己整理)
- 改变ExtJs默认的字体大小|解决EXTJS在firefox里字体显示偏小
- 修改UItextField输入框placeholder的字体默认颜色和大小,采用KVC方式设置
- 改变百度ueditor默认的字体以及字体大小
- 关于在build.prop里加入改变android默认字体大小的属性
- 改变字体颜色大小(字体、颜色嵌套)的几种方法
- latex: font size 修改字体大小的几种方式
- 浏览器默认改变字体大小解决方案
- Zend Studio 8.0 加快代码提示速度、创建文件默认格式为 UTF-8、改变代码字体大小
- 默认(1sp = 1dp) , sp:带缩放的dp(手动改变系统字体大小)
- Java eclipse 设置字体大小和默认UTF8 编码方式
- android ICS4.0.3 改变默认字体大小
- 如何改变outlook中收件箱列表中的字体大小
- WinForm的自动缩放(跟随系统字体大小的改变)
- 防止因弹出提示框,而 改变布局字体大小.
- (整理)js改变整站字体大小
- javascript 改变字体大小方法集合[原创]_javascript技巧_脚本之家
- excel更改批注默认字体与大小