小编Dr.*_*ouz的帖子

我正在尝试将多种本地字体添加到 nextjs 13。文档说要对单个文件执行以下操作。

我尝试通过以下方式导入这两个文件：

import '@/styles/globals.css';
import localFont from '@next/font/local';
const myFonts = localFont({
  src: '../public/Fonts/AnultraSlabRegular.ttf',
  variable: '--Anultra-Slab',
});
const myFonts2 = localFont({
  src: '../public/Fonts/IntroRegular.ttf',
  variable: '--Intro-Regular',
});
export default function App({ Component, pageProps }) {
  return (
    <main className={'${myFonts2.className} ${myFonts.className}'}>
      <Component {...pageProps} />
    </main>
  );
}

当将字体系列分配给特定元素时，此方法不起作用。

提前致谢！