Unable to load font files referenced in a node_modules CSS file

[Sak32009]

Describe the bug

From version v2.9.13 up to the latest, if you try to import @mdi/font the icon is not displayed.
In build mode everything works fine, but in dev mode it doesn't.

http://127.0.0.1:5173/@fs/C:/Users/sak32/Documents/GitHub/Vite/node_modules/@mdi/font/fonts/materialdesignicons-webfont.woff2?v=6.9.96

If you try to open the url directly it doesn't work, if you remove the query string it works.

I think it's his fault: e109d64

Reproduction

https://stackblitz.com/edit/vitejs-vite-x9um9q?file=main.js

System Info

System:
    OS: Windows 10 10.0.22000
    CPU: (12) x64 AMD Ryzen 5 2600 Six-Core Processor
    Memory: 7.58 GB / 15.93 GB
  Binaries:
    Node: 16.16.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 3.2.1 - C:\Program Files\nodejs\yarn.CMD
    npm: 8.11.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (103.0.1264.49)
    Internet Explorer: 11.0.22000.120
  npmPackages:
    vite: ^3.0.0 => 3.0.0

Used Package Manager

yarn

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sapphi-red]

I was not able to reproduce with both 2.9.14 and 3.0.0 on stackblitz and Windows.

[fbellomi]

I also see this behavior; it appeared in v3 beta 8 (beta 7 works fine)
Details are different, but it is a font in node_modules referenced by CSS, which works if the query part of the URL is removed
I'm on macOS

[Sak32009]

I was not able to reproduce with both 2.9.14 and 3.0.0 on stackblitz and Windows.

Because in this case the url is no longer http://127.0.0.1:5173/@fs/C:/Users/sak32/Documents/GitHub/Vite/node_modules/@mdi/font/fonts/materialdesignicons-webfont.woff2?v=6.9.96, but http://127.0.0.1:5173/node_modules/@mdi/font/css/materialdesignicons.css

In my project https://github.com/Sak32009/SteamLauncher, if you update vite the problem is reproducible.

[deep-cognite]

We are facing the same issue with Vite version ^2.8.6, though, it works fine coming from react 17. But when upgrading to react 18 for the monorepo, the fonts won't load.

Edit: pinning the version to 2.9.12 solved the issue for us!