2017-02-21 3 views
0

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番目のフォントを使用しているように見えますが、ディスプレイは依然として元のフォントになっています。

他の誰かがこの問題を抱えていますか?

答えて

関連する問題