21. IT

Angular(Ionic)でグローバルにフォントを変更する方法

  • fontをダウンロードして、ttfファイルをasset内に配置する
  • global.scssに下記を記述する
@font-face {
    font-family: AppFont;
    src: url("/assets/fonts/GloriaHallelujah-Regular.ttf"); //change url accordingly
    }
    
    :root {
     --ion-font-family: ‘AppFont’;
    }

参考にしたサイトはこちら

Meditation Tools開発者
絹田 雅
複数の瞑想を学ぶことができるMeditation Toolsの開発者。 売上は人権段階を通じた寄附により社会をより良くすることに使われます。 利用はこちら
twitter-timeline