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

17 votes118 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
0 vote126 views1 answer
How to use the display property
CSS
0 vote137 views1 answer
/* */
CSS
0 vote130 views2 answers
Background blend mode
CSS
17 votes140 views3 answers
Css odd even child
CSS
9 votes123 views2 answers
Textview center text
CSS
1 vote137 views1 answer
Css target except id
CSS
3 votes142 views1 answer
Css scrollbar vertical only
CSS
0 vote139 views2 answers
Wpa avoid reload with swipe
CSS
1 vote127 views3 answers
Selenium find element by css selector
CSS