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 vote166 views1 answer
Getstaticpaths in nextjs
TypeScript
0 vote160 views1 answer
Conditional statements in ti-82
TypeScript
1 vote156 views1 answer
Is assigned a value but never used
TypeScript
3 votes167 views2 answers
Vue : File C:\Users\MTP Nabeel Ahmed\AppData\Roaming\npm\vue.ps1 cannot be loaded because running scripts is disabled on this system.
TypeScript
0 vote191 views1 answer
The marking menu shortcuts to context-sensitive commands and tools. Marking menu accessed for objects:
TypeScript
2 votes154 views1 answer
Typescript initialize map inline
TypeScript
0 vote154 views3 answers
Woocommerce remove This is where you can add new products to your store in taxonomy description
TypeScript
0 vote257 views1 answer
Typescript import variable from another file
TypeScript
0 vote184 views1 answer
Header elements on right
TypeScript
-1 vote144 views1 answer
Angular input change event datatype typescript
TypeScript