svrjs-nextjs-website/pages/_app.tsx

import { Poppins } from "next/font/google";
import "./globals.css";
import { AppProps } from "next/app";

const poppins = Poppins({
  weight: ["400", "600", "700", "900"],
  subsets: ["latin"]
});

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <style jsx global>{`
        html {
          font-family: ${poppins.style.fontFamily};
        }
      `}</style>
      <div className={`antialiased ${poppins.className}`}>
        <Component {...pageProps} />
      </div>
    </>
  );
}
export default MyApp;