在React应用程序中嵌入字体的选项？

@font-face {
  font-family: 'CustomFont';
  src: url('path/to/font.ttf') format('truetype');
}

.myComponent {
  font-family: 'CustomFont', sans-serif;
}

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

ReactDOM.render(
  <React.StrictMode>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet" />
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCoffee } from '@fortawesome/free-solid-svg-icons';

const MyComponent = () => {
  return (
    <div>
      <FontAwesomeIcon icon={faCoffee} />
    </div>
  );
}