create-react-appで作成したプロジェクトにフォントを設定するには

Question

聞きたいこと

create-react-appで作成したアプリに、フォントの設定をしたいと思っているのですが、適用されません。
原因究明方法や原因自体がわかる方がいたら教えていただきたいです。

実施したこと

• src/配下にカスタムフォントをダウンロード
• src/index.css にカスタムフォントの設定追加
• src/index.css を src/index.tsxにてimport

コード

• src/index.css

:

@font-face {
  font-family: 'Custom Font';
  src: url(./custom-font.ttf) format('ttf');
}

:

• src/index.tsx

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

:

eactDOM.render(
  
  :

  document.getElementById('root')

Answer 1

src/配下にカスタムフォントをダウンロード

publicフォルダに置かないとurl(./custom-font.ttf) で読み込めないのではないでしょうか？