Как установить стиль шрифта для всего приложения в ExtJS 4?

Question

Я хотел бы знать, как установить определенный стиль шрифта (размер, имя шрифта и т. Д.) Для всего приложения ExtJS 4?

Надеюсь, что есть одна настройка, которая может работать для всего приложения.

Пожалуйста, просветите !!!

Answer 1

код Используйте CSS ниже в пользовательском файле CSS:

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

Ваш пользовательский файл CSS приходит после доб-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>.

Edit: (для комментария)

Для панели Названия использование этого:

.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', 
    // .. 
}