_app.js

import { Roboto_Condensed, Inter, Ubuntu_Mono } from 'next/font/google';
import '@/styles/globals.css';
const roboto_c = Roboto_Condensed({
  subsets: ['latin'],
  weight: ['400', '700'],
});

const ubuntu_m = Ubuntu_Mono({
  subsets: ['latin'],
  weight: ['400'],
});
const inter = Inter({
  subsets: ['latin'],
  weight: ['300', '400', '700'],
});

export default function App({ Component, pageProps }) {
  return (
    <>
      <style jsx global>
        {`
          :root {
            --font-inter: ${inter.style.fontFamily};
            --font-roboto_c: ${roboto_c.style.fontFamily};
            --font-mono: ${ubuntu_m.style.fontFamily};
          }
        `}
      </style>
      <Component {...pageProps} />
    </>
  );
}