The font-family is distorted in nextjs15

[Wilian-Pereira-W]

Link to the code that reproduces this issue

https://codesandbox.io/p/devbox/dark-tdd-26fhps?file=%2Fapp%2Flayout.tsx%3A13%2C23

To Reproduce

Just check the text on the page. Just check the text on the page. Happens in dev, build and production

Current vs. Expected behavior

It was supposed to appear, "não". But it's looking like the picture

Provide environment information

"next": "15.0.0-canary.155",
"react": "19.0.0-rc-206df66e-20240912",
"react-dom": "19.0.0-rc-206df66e-20240912"
"@types/node": "20.12.12",
"@types/react": "18.3.3",
"@types/react-dom": "18.3.0",
"typescript": "5.3.3"

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

Font (next/font)

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

next dev (local), next build (local), next start (local)

Additional context

No response

[samcx]

@Wilian-Pereira-W I wasn't able to replicate this. →

[Wilian-Pereira-W]

Here continues the reported behavior.

[samcx]

Can you see if it happens locally for you and not on CodeSandbox?

[eduardodallmann]

@Wilian-Pereira-W I can't reproduce the problem here either. I suggest testing on other browsers and another computer.