上でフォントを変更する方法3.9.2私はイオンのバージョンを使用していたイオングローバル
何私が達成したいことは、私は自分の与えられたカスタムフォントにイオンアプリのすべてのデフォルトのフォントを変更したいです。
@import url('https://fonts.googleapis.com/css?family=Raleway');
$font-family-base: "Raleway", sans-serif !default;
しかし：
ビットをグーグル後、私はこれは私が使用したコードだったapp
フォルダ内に存在するapp.scssのフォントフェースの事を設定する必要があることを理解するようになりましたそれを行った後でさえ、私はアプリケーションに反映されていないので、アプリケーション全体のフォントを変更できませんでした。
ヘッド部分に必要なすべてのフォントとのリンクを追加し、ちょうどイオン3プロジェクト
<ion-app style="Whatever rules you want !font-family:family;"></ion-app>
あなたは簡単にそれを行うことができます。しかし、私はあなたが試したようにオンラインURLを使用しないことを強くお勧めします。 Wi-Fiがない場合、あなたのアプリは特定のフォントを表示しないためです。だから、常にあなたのデバイスにフォントをインストールし、それを使用してください。
ここでは、Lato-Regularのインストール方法を示しています。このプロセスはどのフォントでも同じです。それである
variables.scss
@font-face {
font-family: "Lato-Regular";
src: url($font-path+'/lato/Lato-Regular.ttf');
}
$font-family-base: "Lato-Regular";
app.scss
* {
font-family: $font-family-base;
}
。ここにはgreat video about itがあります。何か問題がある場合は、私に知らせてください。