イオン交換のデフォルトフォント

Question

私はこの質問が下記のリンクで以前に尋ねられ、答えられていることを知っています。私はすべてのCSSに追加することなく、デフォルトのフォントを変更したい。私が試してみました

もの：

1. は私のフォントとionicons
2. をマージする直接.TFF、.eot、.woff、.SVGファイルを変更するには、HTMLでそれを指定することにより、フォントを実装しようとしましたが、 CSSファイル（それは動作しますが、私はそれがデフォルトになりたい）
3. は私が最初にリンクを（使用する場合はすべての書式がなくなっている
4. （ioniconsが消える）オープンSansフォントでWWW/libに/イオン/フォントを上書き、テキストとボタンだけが残っています）また、scss/ionic.apの上と下にfont-faceを置いてみましたp.scss

助けてください！私が見た答えは説明ですが、どのように動作するのか解説はありません。私は "イオン設定サス"がどのように機能するかわかりません。どのように嚥下がこれに関わっているかあなたのアプリに

https://forum.ionicframework.com/t/how-to-change-the-font-of-all-texts-in-ionic/30459

https://forum.ionicframework.com/t/change-font-family-and-use-ionicons-icons/26729

Answer 1

インポートすべてfont files。

例：

@font-face { 
    font-family: 'Lato-Light'; 
    src: url('../fonts/Lato-Light.eot') format('embedded-opentype'), url('../fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato-Light.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

あなたは全体のアプリでこのフォントをしたい場合、あなたはどのdoubt.Pleaseは私がのために

Answer 2

をknow.Thanks聞かせている場合はちょうどこのよう

* { 
    font-family: 'Lato-Light' !important; 
} 

を与えますIonic 2： fonts.google.comからフォントをダウンロードし、assetsフォルダに貼り付けます。今すぐあなたのSCSSファイルに次の操作を行います

@font-face { 
font-family: MyFont; 
src: url("../assets/fonts/Lato-Regular.ttf"); 
} 

body, span, button, h1, h2, h3, h4, h5, h6, p, ion-item, ion-title { 
font-family: 'MyFont' !important; 
} 

Answer 3

イオン2の正しい解決策は$font-family-basevariableとその友人を変更する必要があります。それがイオンがそれをする方法です。これは、（プラットフォームごとに異なるフォントを持つような）より多くの制御を提供し、常に良いことである!importantキーワードを避けます。

Ionic 3.3を使用してvariables.scssにアクセスし、「共有変数」セクションを検索してください。これらの行を追加します。

は

$font-family-base: 'MyFont'; 
$font-family-ios-base: 'MyFont'; 
$font-family-md-base: 'MyFont'; 
$font-family-wp-base: 'MyFont'; 

Answer 4

あなたが途中でアイコンフォントを交換したくない、あなたは（）app.scssで財産例えば

、CSS3を使用していない必要がありますので：

を

@import url(https://fonts.googleapis.com/css?family=Varela+Round); 

    *:not(ion-icon) { 
    font-family: 'Varela Round', sans-serif!important; 
    }