EXTJS在FireFox下汉字显示为小字体的样式补丁

转自：http://foxpro.javaeye.com/blog/434309

 

在火狐浏览器中运行ExtJS程序时,中文字体比在IE下运行要小一个字体,所以国人有些看不太习惯.很多地方设定都是11px,但是英文字体在 ExtJS中显示非常好看.个人感觉换成12px的中文反而没有那么美丽了!

只要把这个CSS样式文件载入你的页面即可!
这个css样式文件是我从网上找来的.不是我自己写的啊!不过可以看出原作者的细心.一点一滴呀!!

Html代码:
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="css/ext-patch.css">

请一定注意ext-patch.css一定要在ext-all.css后面引入,最好放到最后引入!

 

ext-patch.css代码：

.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-orange-class { background: #ffb11c; } .x-yellow-class { background: #ff0; } .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 { background-position:0pt 1px; background-repeat:no-repeat; padding:0px 0pt 0px 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-fieldset legend { font-size:12px; } .x-tip .x-tip-body { font-size:12px; } .controlBtn img { cursor: pointer; } .x-grid3-summary-row{border-left:1px solid #fff;border-right:1px solid #fff;color:#333;background: #f1f2f4;} .x-grid3-summary-row .x-grid3-cell-inner{font-weight:bold;padding-bottom:4px;font-size:12px;} .x-grid3-cell-first .x-grid3-cell-inner{padding-left:16px;} .x-grid-hide-summary .x-grid3-summary-row{display:none;} .x-grid3-summary-msg{padding:4px 16px;font-weight:bold;} .negative{color:#dd0000;} .positive{color:green;} .x-grid3-body .x-grid3-td-cost{background-color:#f1f2f4;} .x-grid3-summary-row .x-grid3-td-cost{background-color:#e1e2e4;} .x-grid3-dirty-cell{background-image:none;}