Next.js Discord

Discord Forum

fonts not showing up when deployed on vercel

Unanswered
Giant panda posted this in #help-forum
Open in Discord
Giant pandaOP
so the fonts are working just fine locally but when i deploy them to vercel they stop working.
this is how i am using fonts
import { Itim } from "next/font/google";
import localFont from "next/font/local";

export const betha = localFont({
  src: [{path: "../../public/fonts/Betha.otf", weight: "100 900"}],
  weight: "100 900",
});

export const itim = Itim({
  subsets: ["latin"],
  variable: "--font-Itim",
  weight: "400",
});

15 Replies

Giant pandaOP
both not showing up
uhm
can u send me the url
let me test
might be a cache issue
Giant pandaOP
well i fixed it through mui, it just changed the font names and variables but by default it isnt working
are u sure u removed every other default font in your css
ok so its fixed
u can mark this thread as solved