3

私は決して老人ではありませんが、Ext JS（4.1を使用）の全体的なフォントサイズが小さすぎることがわかりました。

タイトル、ボタン、グリッド、ツリー、フォームフィールドラベル、フォームフィールドなど、すべてのデフォルトのフォントサイズ全体を変更し、デフォルトの約120％まで上げたいと思います。

ここでの私の最良の選択肢は何ですか？

カスタムテーマを作成することは、極端にやり過ぎのように思えます（それがうまくいくとしたら）。

これが私の解決策であり、メインのCSSファイルにあります。

div, span, p, body, a, input, textarea, label {
  font-family: Calibri, Helvetica, Arial !important;
  font-size:    14px !important;
}

ただし、これはハックのように感じられ、グリッドの列のヘッダーとタブに悪影響を及ぼす（クロムが適切に伸びない）。また、時々別のフォントが必要になる状況でも難しくなります。

4

1 に答える 1

4

テーマを再コンパイルするのが最善の方法だと思います。そうすれば、すべてのコンポーネントのサイズがデフォルトのフォントサイズに基づいて再計算され、混乱した外観になることはありません。

実際にはとても簡単です。こちらの手順に従ってください。ExtJSテーマガイド。デフォルトのテーマをコンパイルできることを確認したら。themes / stylesheets / ext4 / default / variables / _core.scssでファイルを編集し、31行目でfont-sizeを14pxに変更します。

再コンパイルします。

仕事は終わりました。

于 2012-06-19T20:00:57.370 に答える