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?

TTC

Theo's Typesafe Cult•3y ago

unreal

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}>

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

Similar Threads

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

Similar Threads

Similar Threads

Similar Threads