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

0 vote162 views1 answer
Swiper center slides but not first slide
CSS
14 votes184 views4 answers
Composer downgrade to version 1
CSS
0 vote165 views1 answer
How to give linear transprerancyon background image
CSS
0 vote153 views1 answer
Css template columns and rows
CSS
0 vote152 views1 answer
Css background image follow scroll
CSS
13 votes216 views6 answers
Tailwind center vertically
CSS
0 vote145 views1 answer
Remove border from last child css
CSS
0 vote169 views1 answer
Delete after content css
CSS
2 votes151 views1 answer
How to create space inbetween text css
CSS
4 votes149 views3 answers
Css selection
CSS