Fonts gives incorrect url in dev mode since 5.7.0 release

bud
1

I noticed that since the 5.7.0 upgrade, one of the sites in dev mode that I host on my server loads custom fonts directly by domain.com/fonts/poppins-v19-latin-regular.woff2 without having the app/themes/sage/public, while in prod build do have them.

Although it’s able to load fine when I host them locally.

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url('~@fonts/poppins-v19-latin-regular.woff2') format('woff2'),
    url('~@fonts/poppins-v19-latin-regular.woff') format('woff');
  font-display: swap;
}
2

For now, I temporarily fix them by using rewrite as workaround,

rewrite ^/fonts(.*)$ /app/themes/sage/public/fonts$1 last;
3

I believe I have the same problem.

bud 5.7.7 webpack 5.70.0

@font-face {
  font-family: "DM Sans";
  src: local('DM Sans'),
    url("~@fonts/DMSans/DMSans-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Font does not compile.

If I import directly from google:

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

It works fine.