ExtJSアプリケーションにカスタムフォントを追加するには？

カスタムフォントをExtJSに追加する方法を教えてください。アプリケーションにこのフォントがインストールされていない場合は、のアプリケーションと一緒にロードされます。？

どのフォルダにロードする必要がありますか、どこにどのように含める必要がありますか？

ありがとうございました！

2017-09-28 gregory

あなたはあなたにCSSルールを追加することができ、そのファイルをアップロードExtJSの前に、あなたのフォントが必要な場合はあなたは、単に

@font-face { 
    font-family: Pragmatica; 
    src: url(fonts/Pragmatica.ttf) format('truetype'); 
}

のように（scebotari66のおかげで）myApp\resources\fontsに新しいフォントファイルを追加し、sass\etc\all.scssに対応するCSSルールを追加することができますmyApp\resources\css\app.cssのようなカスタムフォルダがあり、のようにmyApp\index.htmlにapp.cssが含まれています。 Sencha CMD sencha app buildとうまく機能します。

出典

2017-09-28 11:24:44

私はあなたと同じフォルダにフォントファイルを置きますが、私は追加のCSSファイルの考え方が嫌いです。代わりに 'sass/etc/all.scss'ファイル内にルールを置きます。 – scebotari66

@ scebotari66、私はそう、より適切な場所だと思う。私の場合、ExtJSがすべてのファイルをアップロードする前に、このファイルにこのファイルにいくつかの他のCSS規則（インクルードフォント）を保存しています。 –

このように意味があります。私もこの目的のための1つのCSSファイル（スプラッシュ画面のルール）がありますが、フォントだけのために、それは過剰です。また、scssにフォントルールを含めるときは、 'resources'フォルダからロードされたApp-all.cssファイルにルールがマージされるため、パスの前に' ../ 'をなくしてください。 – scebotari66

ExtJSアプリケーションにカスタムフォントを追加するには？

答えて

関連する問題