由于在不同浏览器中,或者不同版本的同款浏览器中显示的Extjs字体大小不一样。而且看起来比较小。不顺眼。
在网上查之,获得一条有用信息:Extjs 在很多情况下使用 11px 字体,11px 大小是一种边缘字体,不同的浏览器对 11px
的渲染各不相同,IE 的渲染和12px 相似,而在 Firefox 中,则和 10px相似,导致字体在FF
中过小的问题。
为了能够彻底的解决字体大小问题,直接打开ext-all.css,查找所有的11px并替换为12px。问题解决了。
==================
解决EXTJS在firefox里字体显示偏小
解决方法是:在EXTJS的样式目录下再建一个新的样式文件名为:ext-patch.css
内容如下:
/* Ext 2.0 */
.x-window-footer {
position: relative;
top: 0;
right: 0;
}
.x-tab-strip SPAN.x-tab-strip-text {
font-size: 12px;
}
.x-panel-header {
font-size: 12px;
}
.x-tree-node {
font-size: 12px;
}
.x-grid3-hd-row TD {
font-size: 12px;
}
.x-grid3-row TD {
font-size: 12px;
LINE-HEIGHT: 16px;
}
.x-tip .x-tip-bd {
font-size: 12px;
}
.x-tip h3{
font-size: 12px;
}
.x-tip .x-tip-bd-inner{
font-size:12px;
}
.x-panel-tl .x-panel-header {
FONT: normal 12px tahoma,arial,verdana,sans-serif;
}
.x-form-field {
FONT: 12px tahoma,arial,helvetica,sans-serif
}
.x-small-editor .x-form-field {
FONT: 12px tahoma,arial,helvetica,sans-serif
}
.x-combo-list-item {
FONT: 12px tahoma,arial,helvetica,sans-serif;
}
.x-menu-list-item {
FONT: 12px tahoma,arial,sans-serif;
}
.x-window-tl .x-window-header {
FONT: bold 12px tahoma,arial,verdana,sans-serif;
}
.x-layout-split-west .x-layout-mini {
BACKGROUND-IMAGE: url(../images/mini-left.jpg);
}
.ext-ie .x-form-text {
margin-top:1px;
} /* the textField missing bottom line */
.x-form-item {
FONT: 12px tahoma,arial,helvetica,sans-serif
}
.x-grid-group-hd DIV {
FONT: bold 12px tahoma,arial,helvetica,sans-serif;
}
..x-btn-text-icon .x-btn-center .x-btn-text {ext-all.css (line 227)
background-position:0pt 2px;
background-repeat:no-repeat;
padding:3px 0pt 2px 18px;
}
.ext-gecko .x-btn button {ext-all.css (line 222)
padding-left:0pt;
padding-right:0pt;
}
.x-btn button{
font-size:12px;
}