css で !importantの使い方

Question

react のスターターキットを利用していて、
cssにてフォントを変更しようとしても、事前に設定されているbootstrapに上書きされて変更できません。

スターターキットの作成者に!importantを追加しなさいと言われたのですが、
フォントは変わりません。

!importantの書き方が間違っていたらご指摘いただけると助かります。

@font-face{
  font-family: "myfont";
  src: url("../public/font/Super-Mario-Bros--3.ttf") !important;
}

.NavBar {
  color: white;
  font-family: 'myfont' !important;
}

別の環境で、!important　なしで、このフォントが利用できることは確認済みです。

Comments

[maisumakun]

ブラウザの開発ツールで適用状況を確認してみましたか？

[K_3578]

キャッシュが残っていて、それを開いているだけの可能性も。
スーパーリロードはしましたか？