请参阅官方文档中关于使用多种字体以及使用字体定义文件在多个地方使用它们的这一节。

import { Roboto, Inter } from 'next/font/google';

export const inter = Inter();
export const roboto = Roboto({ weight: '400', subsets: ['latin'] });

然后在应用程序的某个地方，你可以像这样导入字体：

import { roboto, inter } from './my-font-file';

const Component = () => {
  return (
    <div>
      <p className={roboto.className}>I am in Roboto font</p>
      <p className={inter.className}>I am in Inter gont</p>
    </div>
  );
};