Ionic 2フレームワークを使用したハイブリッドWebアプリケーションで作業しています。私は奇妙な問題に立ち向かっています。私はapp.scssでIonic 2アプリケーションの複数のフォント
*{
font-family: 'bebas';
font-size: 20px;
text-transform:uppercase;
}
を設定した場合
それはすべてのための正しいフォントを示していますが、私はそう
.dash-button-sm{
width: 4em;
height: 6em;
background: rgba(0,0,0,0.35);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border-radius: 6px;
-webkit-box-shadow: 5px 5px 7px 1px rgba(0,0,0,0.55);
-moz-box-shadow: 5px 5px 7px 1px rgba(0,0,0,0.55);
box-shadow: 5px 5px 7px 1px rgba(0,0,0,0.55);
color:whitesmoke;
font-size: 12px !important;
text-transform: none !important;
font-family: 'SourceSansPro-Regular' !important;
}
のようなボタンテキストのためのアプリで2番目のフォントを含めるしようとすると、それボタンに別のフォントが表示されません。私の2番目のフォントは最初のフォントと同じディレクトリにあり、私はフォントファミリ宣言を貼り付けてコピーし、フォントファイル名を正しいものに変更しました。私はこれらが正しいと確信しており、これは問題ではありません。
また、コンソールで検査すると、cssは2番目のフォントを使用しているように見えますが、ディスプレイは依然として元のフォントになっています。
他の誰かがこの問題を抱えていますか?