nextjs font loads on local dev environment, but not on production

My nextjs app (using app dir) is using next/font to load the inter font for my entire app like so:

import { Inter } from "next/font/google";
const inter = Inter({ subsets: ["latin"] });

<body className={inter.className}>

import { Inter } from "next/font/google";
const inter = Inter({ subsets: ["latin"] });

<body className={inter.className}>

this works in my dev environment as it applies a classname that correctly applies inter as the font, but on my production environment (hosted on vercel) it applies the correct classname, but the classname isn't generated so it doesn't apply any fonts and uses the fallback instead what is causing this? i can hard code it into my globals css but i prefer to use nextjs' reccommended solution. dont have any errors in console, also seems like all next/vercel/google services are up it worked before but even tho i haven't made any changes regarding to font its now broken, could it be a version thing?

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

nextjs font loads on local dev environment, but not on production