extjs中文字体在firefox和Adobe Air里显示偏小的问题

解决方法是再创建一个名为ext-patch.css的css文件,
内容如下:

 

 

/* --------------- ޸ Ext 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;
}

/* END */

 

 

把这个css文件引入到页面中即可。

posted @ 2009-07-19 09:25  meetrice  阅读(927)  评论(1编辑  收藏  举报