Skip to content

[bug]: Default font falls back to serif after shadcn initialization in Next.js #10391

@abhaysharma3021

Description

@abhaysharma3021

Describe the bug

I installed shadcn in a Next.js application using the following steps:

npx create-next-app@latest
npx shadcn@latest init

Options selected:

Radix
Nova

After setup, when I run the application, the font defaults to a serif font (Times New Roman) instead of the expected UI font (Giest font).

Expected behavior:
The app should use the configured default font (as per shadcn / theme setup).

Actual behavior:
The app renders with a default serif font (Times New Roman).

Affected component/components

Font Family

How to reproduce

  1. Open a Terminal and write the following commands
    npx create-next-app@latest .

    • Yes, use recommended defaults

    npx shadcn@latest init

    • component library: Radix
    • preset: Nova

    npm run dev

Codesandbox/StackBlitz link

No response

Logs

System Info

Windows 11, Chrome Browser

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions