小编Der*_*wan的帖子

Next JS v13 之后，@next/font有助于获得最佳性能。@import在这个包存在之前，在我在全局 CSS 中使用 CDN google 字体之前

/* path: ./styles/global.css */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");

现在我想迁移并使用@next/font@13.0.2

/* path: ./pages/_app.tsx */
import { Poppins } from "@next/font/google";

const poppins = Poppins({
  weight: "800", // I want this font-weight has 400,500,600,700,800,900
});

function MyApp({ Component, pageProps }) {
  return (
    <>
      <style jsx global>{`
        html {
          font-family: ${poppins.style.fontFamily};
        }
      `}</style>

      <Component {...pageProps} />
    </>
  );
}

我一直尝试使用数组来代替：

const poppins = Poppins({
  weight: ["400", "500", "600", "700", "800", …