import '../styles/global.css'; import localFont from 'next/font/local' const roboto = localFont({ src: './fonts/RobotoFlex.woff2'}); const roslindale = localFont({ src: './fonts/RoslindaleVariable.woff2'}); function App({ Component, pageProps }) { return ( <> <style jsx global>{` html { font-family: ${roboto.style.fontFamily}, arial, sans-serif; } h1 { font-family: ${roslindale.style.fontFamily}, 'Times New Roman', serif; } `}</style> <Component {...pageProps} /> </> ) } export default App;