CORS error is thrown when load fonts by using fontLocal

[illiakovalenko]

Link to the code that reproduces this issue

Codesandbox solution

To Reproduce

1. Introduce layout that uses localFont
2. Set Access-Control-Allow-Origin header and set an origin where you are trying to render your nextjs app (https://codesandbox.io/p/devbox/hungry-tharp-y47qpv?file=%2Fnext.config.js%3A6%2C8)
3. Apply font-family style (https://codesandbox.io/p/devbox/hungry-tharp-y47qpv?file=%2Fpages%2F%5B%5B...path%5D%5D.tsx%3A15%2C7)
4. Start app using "next build" && "next start"
5. Render a home page in a different origin (can be rendered by using api route, as an example)
6. Open network tab and check request for .woff2 file

Current vs. Expected behavior

Following the steps from the previous section.

Current behavior
The font is not loaded, so it's not applied. CORS error is thrown

Expected behavior
The font is loaded successfully

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 10 Enterprise
Binaries:
  Node: 18.18.2
  npm: 9.8.1
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  next: 14.0.5-canary.18
  eslint-config-next: 13.5.6
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 4.9.4
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Font optimization (next/font), Middleware / Edge (API routes, runtime)

Additional context

The first build that introduced the bug is 13.4.13-canary.0, since reverting it to 13.4.12 works.
Seems like it's related to another issue that I created: #59766
I shared the same playground, there are no differences