So I got this static html template which I’m currently converting to next/react.

No matter what I do, I can’t seem to apply a google font (Rajdhani) on the body, only to the main tag with the layout being messed up. When changing the monospace attribute in the globals.css it shows a times new roman style font, so it does something, but not what I want it to.
I’m using nextjs 14.2.3 with react and tailwind with framer-motion.

The scaling works with monospace applied, but the font is still not being applied.
I’ve also tried importing via link in the header, without any success. I don’t know what to do anymore.

left-layout.js | right-globals.css

As already said, I don’t know what to do anymore. I can’t seem to get the font working on the body. Only on the main tag, which messes up the whole styling.