Google fonts not working

Answered

Anay-208 posted this in #help-forum

2023-11-30T09:08:16.000Z

I saw this url to use google fonts with nextjs and add it to tailwind config. however, its not working. the font isn't working at all. https://nextjs.org/docs/pages/building-your-application/optimizing/fonts

Answered by Anay-208

I needed to add this to body element:

<body className={`${handlee.variable} ${inter.className}`}>

3 Replies

2023-11-30T09:08:23.000Z

const handlee = Handlee({
  subsets: ["latin"],
  weight: "400",
  variable: "--font-default",
});

this is all I did. I haven't used the font in body or main element

2023-11-30T09:20:05.000Z

I needed to add this to body element:

<body className={`${handlee.variable} ${inter.className}`}>

Answer