Helvetica Font Applied by Default on Next.js 404 Page

Help
, , , ,
1

Hi Team,
We’ve observed that when creating a new Next.js app, the default 404 (Not Found) page renders with the Helvetica font, even though we haven’t specified this font anywhere in our codebase.
Upon inspecting the styles, it appears that Helvetica is applied globally by default, possibly via internal styling used by the framework for the 404 page.
Could you please confirm:

Is Helvetica set as a default global font in Next.js (specifically on error pages)?

If so, is there any way to override or prevent this without customizing the default 404 page?

This behavior was unexpected and led to some confusion during our development process. Any clarification would be appreciated.

2

There’s another community post with 404 debugging tips that might be helpful. Please give these solutions a try and let us know how it goes.

A human should be around soon to offer more advice. But you can also get helpful information quickly by asking v0.

3

please tell me this is default for not found page

4

where can i find this community please guide us

5

Hey @kiranmoshimoshi-gmai ,
Do you have this next app deployed anywhere? Typically the default font would come from your browser. Helveitca is the typical sans serif font in browsers.

Here is my browser for example:
SCR-20250408-iblt

2 Likes
6

The browser default font seems like the most likely cause. It’s also possible that there’s a global style being applied in your project. We can’t be sure of the exact cause without seeing it.

But you can customize the error pages with not-found.js and error.js files if you want full control over how the error pages look. I hope that helps!

7

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.