为什么我的自定义字体没有应用在我的NextJS/Tailwind项目中?

我正在尝试为我的NextJS/顺风项目使用“布宜诺斯艾利斯”字体。我有多个.woff文件用于以下位置的字体:/fonts/buenos_aires/[FILE_NAME]。

在我的global.css中,我有:

/* styles/globals.css */
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';


@font-face {
    font-family: 'Buenos Aires';
    src: url("../fonts/buenos_aires/AOKBuenosAiresRegular.woff") format('woff');
}

我的顺风。图.js:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [],
  theme: {
    extend: {
      fontFamily: {
        buenos: ['Buenos Aires', 'sans-serif']
      }
    },
    screens: {
      'xs': '0px',
      'sm': '640px',
      'md': '768px',
      'lg': '1024px',
      'xl': '1280px',
    },
  },
  plugins: [],

}

按照通常的TailwindCSS方式,我只是设置classname=“font buenos”。

在我的“网络”选项卡中,我已确认没有加载资源。

发送帮助pl0x