Methods for changing the default font size of ExtJs

The following lists several methods used to collect data on the Internet.

 

1,
You only need to replace all 11px in the ext-all.css Style File With 12px, which is a unified 12 PX font.

However, if you want to increase the size of the file, you should not only replace the 11px of the source file with 15px, but also replace the 12px related to the font with 15px.

After the change, the button appears with a margin. In the style file, add

. Ext-ie. x-btn-text-icon. x-btn-center. x-btn-text {
Padding: 3px 0px 0px 0px;
}

Mao bian will disappear!

2,
Because the Extjs font sizes are different in different browsers or different versions of the same browser. And it looks small. Not pleasing to the eye.
Check it online to get a useful message: Extjs uses the 11px font in many cases, and the 11px size is an edge font.
IE rendering is similar to 12px, while Firefox is similar to 10px, resulting in the font in FF
Is too small.
To thoroughly solve the problem, open ext-all.css, search for all 11px and replace it with 12px. Solved

3,
Extjs version 3.2.1, font size Modification

I found a lot of information online.

. X-btn-text {
Font-size: 15px;
}

This is fine, but it is still not useful in IE9 and FF.

Then try it in ext-all.css to find the setting.

Put the following code in other css to reference it:

. 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 */
}