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 vote248 views1 answer
Bulk order pre cooked pasta
CSS
-1 vote210 views1 answer
Line break inside content css
CSS
0 vote208 views1 answer
Decrease space between paragraphs html
CSS
8 votes195 views1 answer
Css wordwrap
CSS
197 votes590 views6 answers
Connect html file to css
CSS
0 vote245 views1 answer
Simple font-face mixin scss
CSS
1 vote211 views1 answer
Html if text too long newline
CSS
0 vote222 views1 answer
How to give rgba in tailwind
CSS
2 votes200 views2 answers
Bootstrap icons in angular
CSS
25 votes217 views4 answers
Visibility
CSS