下一个js构建中的字体路径错误

Question

我用的是tailwin css，本地字体存放在public文件夹里面，其他配置如下：

1. 在全局CSS文件中：

@font-face {
  font-family: "GAS";
  src: url("/fonts/gas.TTF");
}

@font-face {
  font-family: "MONUMENT";
  src: url("/fonts/monument.otf");
}

@font-face {
  font-family: "UNIVERSE";
  src: url("/fonts/universe.otf");
}

2. 顺风配置：

extend: {
      fontFamily: {
        gas: "GAS",
        universe: "UNIVERSE",
        monument: "MONUMENT"
      }}

3. 下一个配置：

const nextConfig = {
  reactStrictMode: false,
  assetPrefix: ".",
  images: {
    unoptimized: true
  },
  async redirects() {
    return [
      {
        source: '/',
        destination: '/home',
        permanent: true
      },
    ]
  },
}

现在这些字体在本地工作正常，但是当我部署构建时，由于路径错误而无法加载字体：

路径来了：http://dev-games-rgs.sportsit-tech.net/fonts/universe.otf 路径应该来了：http://dev-games-rgs.sportsit-tech.net/games/crash/fonts/universe.otf

尽管我配置了“assetPrefix”，但它似乎不适用于 css 文件。一些帮助将不胜感激。

1. 尝试将字体移动到 src 文件夹中，并使用相对路径代替但变得更糟
2. 尝试使用下一个/字体，它很新但进展不顺利
3. 配置的“assetPrefix”解决了在某些 jsx 或 js 文件下加载资源的问题，但对 css 文件无效 [即使我想从 css 设置背景图像也不起作用]