Here are a few ways to collect online, I hope to be useful to everyone.
1,
Just replace all 11px in the Ext-all.css style file with 12px, which is the uniform 12px font.
But if you want to increase, then this is not only the source file 11px to 15px, but also need to change the inside and font-related 12px to 15px.
After the button appears the Flash, in the style file add
Copy Code code as follows:
. Ext-ie. X-btn-text-icon. X-btn-center. X-btn-text {
padding:3px 0px 0px 0px;
}
The edges are gone!
2,
ExtJS fonts are not the same size as they appear in different browsers, or in different versions of the same browser. And it looks smaller. Not pleasing to the eye.
Check it online, get a useful message: Extjs In many cases using 11px fonts, 11px size is an edge font, different browsers on 11px
The rendering is different, IE rendering and 12px similar, while in Firefox, it is similar to 10px, resulting in the font in FF
Too small a problem.
To completely resolve the font size problem, open the ext-all.css directly, find all 11px and replace it with 12px. The problem is solved.
3,
ExtJS version 3.2.1, font size modification
On the internet to find a lot of information, are said to add
Copy Code code as follows:
. x-btn-text{
font-size:15px;
}
That's fine, but it's not going to work under IE9 and ff.
Later to Ext-all.css slowly try to find the setting of the place.
Put the following code in a different CSS reference to the line:
Copy Code code as follows:
. X-btn-text-icon. X-btn-icon-small-left. x-btn-text{
background-position:0 center;/* Default */
background-repeat:no-repeat;/* Default */
padding-left:18px;/* Default */
height:16px;/* Default */
font-size:15px;/* Font Size Setting * *
}