ExtJ のデフォルトのフォント サイズを変更するいくつかの方法 (自分で調整する)_extjs

ここではオンラインで収集するいくつかの方法を紹介しますので、皆様のお役に立てれば幸いです。
1.
ext-all.css スタイル ファイル内のすべての 11px を 12px に置き換えるだけで、統一された 12px フォントになります。
ただし、サイズを大きくしたい場合は、ソースファイルの 11px を 15px に変更するだけでなく、フォントに関連する 12px も 15px に変更する必要があります。

変更後、ボタンのエッジが粗くなります。

をスタイル ファイルに追加します。コードは次のとおりです。 .ext-ie .x-btn-text-icon .x-btn-center .x-btn-text {

padding:3px 0px 0px 0px;

}


バリが消えました!
2.

異なるブラウザーまたは同じブラウザーの異なるバージョンで表示される Extjs のフォント サイズが異なるためです。そして小さく見えます。目には楽しくありません。

オンラインで確認して、有益な情報を入手してください。Extjs は多くの場合 11px フォントを使用します。11px サイズは、IE の 11px
のレンダリング方法が異なります。 Firefox では 10px に似ているため、FF
ではフォントが小さすぎます。
フォント サイズの問題を完全に解決するには、ext-all.css を直接開き、11 ピクセルをすべて見つけて 12 ピクセルに置き換えます。問題は解決しました
3.
Extjs バージョン 3.2.1、フォント サイズが変更されました
インターネット上で多くの情報を見つけましたが、どれも



を追加すると書かれていました。

コードをコピー コードは次のとおりです。 .x-btn-text{

font-size:15px>}

これは問題ありませんが、IE9 および FF ではまだ動作しません。
その後、ext-all.cssにアクセスしてゆっくり試してみると、設定場所が見つかりました。
参考のために次のコードを他の CSS に挿入します:

コードをコピーします

コードは次のとおりです: .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ 背景位置: 0 center;/*デフォルト*/

背景-repeat : no-repeat;/*デフォルト*/

padding-left:18px;/*デフォルト*/
高さ:16px;/*デフォルト*/
font-size:15px;/*フォントサイズ設定 */
}