无法在创建React应用程序项目中加载自定义字体

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

// 添加以下两行代码
import './fonts/your-custom-font.ttf'; // 替换为自定义字体文件的路径
import './fonts/your-custom-font.woff'; // 替换为自定义字体文件的路径

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

@font-face {
  font-family: 'YourCustomFont'; // 替换为自定义字体的名称
  src: url('./fonts/your-custom-font.ttf') format('truetype'), // 替换为自定义字体文件的路径
       url('./fonts/your-custom-font.woff') format('woff'); // 替换为自定义字体文件的路径
  /* 添加其他自定义字体文件格式（如.woff2、.eot等）的路径 */
}

body {
  font-family: 'YourCustomFont', sans-serif; // 替换为自定义字体的名称
}

import React from 'react';

const CustomFontComponent = () => {
  return (
    <div style={{ fontFamily: 'YourCustomFont' }}>这是使用自定义字体的文本</div>
  );
}

export default CustomFontComponent;