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 vote182 views1 answer
Fullpage.js change the color of the anchor
CSS
57 votes224 views6 answers
Text shadow css
CSS
1 vote194 views2 answers
Border for text in html
CSS
-1 vote241 views1 answer
Css backdrop filter grayscale
CSS
0 vote175 views1 answer
What's 275 divided by 630
CSS
14 votes146 views3 answers
What does css stand for
CSS
0 vote198 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
8 votes148 views5 answers
Css triangle
CSS
0 vote277 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
3 votes182 views2 answers
Make triangle using div
CSS