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 vote320 views1 answer
The migration '20200806160941_InitialMigration' has already been applied to the database. Revert it and try again. If the migration has been applied to other databases, consider reverting its changes using a new migration.
TypeScript
0 vote269 views1 answer
Unable to determine application id: com.android.tools.idea.run.apkprovisionexception: no outputs for the main artifact of variant: debug
TypeScript
0 vote292 views1 answer
Unity destroy all objects with tag
TypeScript
2 votes294 views1 answer
Prettier not working with tsx
TypeScript
1 vote354 views1 answer
Running scripts is disabled on this system nodemon
TypeScript
1 vote310 views1 answer
Property 'val' does not exist on type 'Readonly<{}>
TypeScript
5 votes311 views1 answer
Check if column exists in dataframe
TypeScript
1 vote327 views1 answer
Typescript filter undefined
TypeScript
1 vote434 views3 answers
Stripe create subscription
TypeScript
0 vote279 views1 answer
What is the importance of testng xml file
TypeScript