Extjs Webアプリケーション全体のフォントファミリーを変更するにはどうすればよいですか？

Question

私はExtjs 6.0.2で作業しています。私たちはアプリでArialフォントを使用していました（私はそれがsenchaのデフォルトのフォントであったと思います）。今は「オープンサン」に変更したいと考えています。何を変えなければなりませんか？

私が追加しようとしました：

.* ,.x-body , .x-panel-body-startPageItem, .x-panel-body-default { 
    font-family: 'Open Sans', sans-serif !important; 
} 

でプロジェクト/パッケージ/ MyAppに/ SASS/SRC/MyAppに/ビュー/ MainView.scss、それだけでランディングページ上のフォントを変更します。

これはうまくいきますが、上に追加したようにこのスタイルを表示する必要があるすべてのクラスを1つずつ追加する必要があります。.x-panel-body-startPageItem,.x-panel-body-default

は私もプロジェクト/リソース/ CSS/MyApp.cssに次のように追加してみましたが、ない使用：

.* { 
    font-family: 'Open Sans' !important; 
} 

Answer 1

の代わりに：

.* { 
    font-family: 'Open Sans' !important; 
} 

使用この：

* { 
    font-family: 'Open Sans' !important; 
} 

<p>something</p> 

.*は期待通りに機能しません。ちょうど*がすべて対象です。

それともあなたが同様に使用することができます。

html { 
    font-family: 'Open Sans' !important; 
}