如何在next.js13中导入多个字体权重？

Question

我正在尝试从@next/fonts/google导入Poppin字体权重。但是我需要定义字体权重，因为Poppin不是可变字体。

这就是我到目前为止所拥有的。

const poppins = Poppins(
{
    weight: `100`|`200`|`300`|`400`|`500`|`600`|`700`|`800`|`900`,
  },
s)

这就是我要犯的错误。

./app/layout.jsx
Error: 
  x Font loader values must be explicitly written literals.
   ,----
 6 | weight: `100 | 200 | 300| 400 | 500 | 600 | 700 | 800 | 900`,
   :         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   `----

  x Font loader values must be explicitly written literals.
   ,----
 8 | s
   : ^
   `----

Answer 1

这似乎是可行的：

import { Roboto } from '@next/font/google';

const font900 = Roboto({
    weight: '900',
});

const font100 = Roboto({
    weight: '100',
});