Next.js Discord

Discord Forum

Fonts dont work

Unanswered
neon posted this in #help-forum
Open in Discord
neonOP
I use next/font to load my fonts, but it doesn't work (as shown in the screenshot). Here's my layout.tsx file:
import './globals.css';
import type { Metadata } from 'next';
import { Fira_Sans } from 'next/font/google';
import { Overlays } from '../components';

const font = Fira_Sans({
  subsets: ['latin'],
  weight: ['300', '400', '500', '600', '700', '800', '900'],
});

export const metadata: Metadata = {
  title: 'Neon The Developer',
  description: "Welcome to Neon's Portfolio!",
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body className={`${font.className} bg-background`}>
        <Overlays />
        {children}
      </body>
    </html>
  );
}

I belive I'm loading the fonts properly. It suddenly started to not work for some reason...

1 Reply

neonOP
So update, using other fonts work.. it's just Fira Sans that's bugging out