4

ExtJS 4 のアプリケーション全体に特定のフォント スタイル (サイズ、フォント名など) を設定する方法を知りたいですか?

アプリケーション全体で機能する単一の設定があることを願っています。

啓発してください!!!

4

1 に答える 1

5

カスタム CSS ファイルで以下の CSS コードを使用します。

.x-body {
    font-family: Tahoma;
    font-size: 11px;
    color: #333;
}

カスタム CSS ファイルは、次のようにext-all.cssファイルの後に続きます。

<link href="ext/resources/css/ext-all.css" rel="stylesheet" type="text/css">
<link href="mycss.css" rel="stylesheet" type="text/css">

もちろん、<style>代わりにタグを使用できます。

編集：（コメント用）

パネル タイトルには、次を使用します。

.x-panel-header-text-default,
.x-panel-header-text-default-framed {
    font-family: Tahoma;
    font-size: 11px;
    color: #333;
}

チャートの場合は異なります。スタイリングにテーマを使用しているためです。したがって、テーマを作成してチャートに使用できます。テーマを作成するには、次のようにします。

Ext.define('Ext.chart.theme.MyTheme', {
    extend:'Ext.chart.theme.Base',

    constructor: function() {
        Ext.chart.theme.MyTheme.superclass.constructor.call(this, {
            axisLabelBottom: {
                 fill: '#333',
                 font: 'Tahoma 11px'
            },
            axisLabelLeft: {
                 fill: '#333',
                 font: 'Tahoma 11px'
            },
            // other configs
        });
    }
});

利用可能なすべての構成を表示するには、以下のリンクをチェックして、テーマのタイトルを見つけてください:
http://www.sencha.com/learn/drawing-and-charting/

チャートに「MyTheme」を使用するには、次のようにします。

{
    // ...
    xtype: 'chart',
    theme: 'MyTheme',
    // ..
}
于 2012-04-23T11:10:13.707 に答える