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 vote159 views1 answer
How to remove default padding of div
CSS
2 votes156 views2 answers
Image rendering css
CSS
0 vote155 views1 answer
Over to remove padding css
CSS
27 votes164 views3 answers
Align div to center of screen
CSS
0 vote166 views2 answers
Woocommerce align add to cart buttons css
CSS
0 vote198 views1 answer
Linux remove latst 3 files
CSS
44 votes152 views6 answers
Textarea disable resize
CSS
0 vote142 views1 answer
Font awesome saas gem
CSS
0 vote159 views1 answer
Uytutyu
CSS
0 vote150 views1 answer
Dropdown dropdown-user nav-item work on 2 clicks
CSS