Adding font in nextjs

import Document, { Html, Head, Main, NextScript } from 'next/document'

//
class MyDocument extends Document {
   render() {
      console.log(Document)
      return (
         <Html lang='en'>
            <Head>
               <link rel='preconnect' href='https://fonts.gstatic.com'/>
               <link
                  href='https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap'
                  rel='stylesheet'
               />
            </Head>
            <body>
               <Main />
               <NextScript />
            </body>
         </Html>
      )
   }
}
export default MyDocument

Adding font in nextjs

import Document, { Html, Head, Main, NextScript } from 'next/document'

//
class MyDocument extends Document {
   render() {
      console.log(Document)
      return (
         <Html lang='en'>
            <Head>
               <link rel='preconnect' href='https://fonts.gstatic.com'/>
               <link
                  href='https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap'
                  rel='stylesheet'
               />
            </Head>
            <body>
               <Main />
               <NextScript />
            </body>
         </Html>
      )
   }
}
export default MyDocument

Similar codes

58 votes237 views6 answers
How to remove underline from link
CSS
5 votes239 views3 answers
Grid-column css
CSS
-2 votes254 views2 answers
Tailwind border bottom
CSS
0 vote264 views1 answer
How to make a flex container full page
CSS
0 vote252 views1 answer
Css nth child range
CSS
1 vote231 views2 answers
How to add tailwind css in yarn
CSS
118 votes258 views6 answers
Css @media
CSS
0 vote243 views1 answer
Colored button link scss generator
CSS
0 vote238 views1 answer
Color around the text
CSS
0 vote234 views6 answers
Vertical multi color border css
CSS