React フリーフォントの使い方

Question

フリーフォントを利用して、サイト（個人利用）を作成しようとしています。

サイトの書き方を試してみたのですが、反映されないので
間違いをご指摘頂けますと幸いです。

styles.scssファイル

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

.NavBar {
  font-family: 'myfont';
}

Comments

[maisumakun]

ブラウザコンソールに何かエラーは出ていませんか？

[hiro_ike]

エラーは、出ていないようです。
別の箇所に指定すると、微妙にfontの形が変わります。（期待するフォントのデザインはない。。）
フリーのフォントは、ダウンロードして、ファイルの場所を指定する以外に設定等必要でしたでしょうか。

[maisumakun]

フォントがカバーしていない文字を書いている（たとえば、英数字しかないフォントで日本語を表示しようとしている）、ということはありませんか？

[hiro_ike]

コメントありがとうございます！
同じことを別の環境で試したところ、フォントが正しく表示されているので、環境に何かありそうです。環境は、スターターキットを利用したので、キットの作成者に確認してみます。