You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Observe the rendered text examples on the homepage. Compare how each font weight appears.
Current vs. Expected behavior
I’m seeing a discrepancy in how custom fonts and font weights are rendered between Next.js 14 and Next.js 15. In my Next.js 14 project, everything displays as expected, but after upgrading to Next.js 15, certain font weights (e.g. 400, 500, 600) no longer render correctly—text looks lighter or the wrong weight entirely.
Both projects import the same Google Font (using the Next.js font optimization APIs) with identical weight configurations. I expect the font weights (e.g. 400, 500, 600) to render identically in both Next.js 14 and Next.js 15.
Actual Behavior
Next.js 14: All font weights render with correct thickness.
Next.js 15: Lighter weights display correctly, but medium/heavy (e.g. 500, 600, 700) render too thick or default to the base weight.
Provide environment information
Operating System:
Platform: linux
Arch: x64
Version: #1 SMP PREEMPT_DYNAMIC Tue, 01 Apr 2025 18:45:30 +0000
Available memory (MB): 15637
Available CPU cores: 8
Binaries:
Node: 22.14.0
npm: 10.9.2
Yarn: 1.22.22
pnpm: 10.6.2
Relevant Packages:
next: 15.3.2 // Latest available version is detected (15.3.2).
eslint-config-next: 15.3.2
react: 19.1.0
react-dom: 19.1.0
typescript: 5.8.3
Next.js Config:
output: N/A
Which area(s) are affected? (Select all that apply)
Font (next/font)
Which stage(s) are affected? (Select all that apply)
next dev (local)
Additional context
I’ve confirmed that the next/font/google import settings are identical.
No custom CSS affects the font rendering in either repo.
Browser caching cleared; hard reloads show the same issue.
I also used latest canary but fails
The text was updated successfully, but these errors were encountered:
Link to the code that reproduces this issue
https://github.com/ALWISHARIFF/next-15-font
To Reproduce
Reproduction
Two minimal repositories demonstrate the issue:
Next.js 14 (working as expected):
https://github.com/ALWISHARIFF/next-14-font
Next.js 15 (incorrect font weights):
https://github.com/ALWISHARIFF/next-15-font
Steps to reproduce:
Clone each repository:
bash
Copy
Edit
git clone https://github.com/ALWISHARIFF/next-14-font
git clone https://github.com/ALWISHARIFF/next-15-font
Install dependencies and run dev server in each:
bash
Copy
Edit
cd next-14-font
npm install && npm run dev
visit next-14-font.vercel.app
cd ../next-15-font
npm install && npm run dev
visit next-15-font.vercel.app
Observe the rendered text examples on the homepage. Compare how each font weight appears.
Current vs. Expected behavior
I’m seeing a discrepancy in how custom fonts and font weights are rendered between Next.js 14 and Next.js 15. In my Next.js 14 project, everything displays as expected, but after upgrading to Next.js 15, certain font weights (e.g. 400, 500, 600) no longer render correctly—text looks lighter or the wrong weight entirely.
Both projects import the same Google Font (using the Next.js font optimization APIs) with identical weight configurations. I expect the font weights (e.g. 400, 500, 600) to render identically in both Next.js 14 and Next.js 15.
Actual Behavior
Next.js 14: All font weights render with correct thickness.
Next.js 15: Lighter weights display correctly, but medium/heavy (e.g. 500, 600, 700) render too thick or default to the base weight.
Provide environment information
Operating System: Platform: linux Arch: x64 Version: #1 SMP PREEMPT_DYNAMIC Tue, 01 Apr 2025 18:45:30 +0000 Available memory (MB): 15637 Available CPU cores: 8 Binaries: Node: 22.14.0 npm: 10.9.2 Yarn: 1.22.22 pnpm: 10.6.2 Relevant Packages: next: 15.3.2 // Latest available version is detected (15.3.2). eslint-config-next: 15.3.2 react: 19.1.0 react-dom: 19.1.0 typescript: 5.8.3 Next.js Config: output: N/A
Which area(s) are affected? (Select all that apply)
Font (next/font)
Which stage(s) are affected? (Select all that apply)
next dev (local)
Additional context
I’ve confirmed that the next/font/google import settings are identical.
No custom CSS affects the font rendering in either repo.
Browser caching cleared; hard reloads show the same issue.
I also used latest canary but fails
The text was updated successfully, but these errors were encountered: