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

5 votes150 views1 answer
Rgb background
CSS
0 vote378 views1 answer
Center absolute suedo element
CSS
5 votes223 views2 answers
Important css
CSS
28 votes199 views6 answers
Linear gradient css background image
CSS
1 vote197 views1 answer
Css different sreen size
CSS
0 vote203 views1 answer
Tailwind accordion
CSS
3 votes202 views2 answers
Bootstrap 5 pagination
CSS
0 vote179 views1 answer
Divi submenu collapse by default
CSS
8 votes164 views2 answers
How to rotate picture to the right in css
CSS
5 votes208 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS