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

1 vote136 views1 answer
Css erase text
CSS
103 votes144 views2 answers
What are the types of positioning in css
CSS
-1 vote144 views1 answer
Link design like a Button"
CSS
0 vote151 views1 answer
Otp input next field html css
CSS
0 vote156 views1 answer
CSS background gradient doesn't repeat
CSS
0 vote164 views1 answer
Css absolute from center and not corner
CSS
0 vote155 views1 answer
How to truncate a multiline text using css
CSS
0 vote156 views1 answer
Css element top layer
CSS
0 vote204 views1 answer
How to stretch picture with website css
CSS
7 votes156 views2 answers
Sass mixin
CSS