ExtJS中，在FireFox浏览器中字体很小，解决方法

ff-firefox中ext的中文文字会小一些，看上去很模糊。这个是由字体大小决定的。font-size: 11px;英文显示没有问题，在IE中也是可以的。但是中文就不能正常显示。所以将font-size: 12px;即可，但是要针对样式；下面是修改后的字体样式。导入即可！

  
@CHARSET "UTF-8";  
  
.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;  
}  
  
.ext-ie .x-form-text {  
    margin-top: 1px;  
}  
  
.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 {  
    background-position: 0pt 2px;  
    background-repeat: no-repeat;  
    padding: 3px 0pt 2px 18px;  
}  
  
.ext-gecko .x-btn button {  
    padding-left:0pt;  
    padding-right: 0pt;  
}  
  
.x-btn button {  
    font-size: 12px;  
}  
  
.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label {  
    font-size: 12px;  
}  
  
.x-tip .x-tip-body {  
    font-size: 12px;  
}