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

6 votes368 views4 answers
Webkit-line-clamp browser support
CSS
1 vote323 views1 answer
Ionic ios remove button appearance
CSS
63 votes369 views6 answers
Text shadow
CSS
3 votes420 views1 answer
Width in % of a screen css
CSS
1 vote347 views2 answers
Only ie css
CSS
85 votes366 views5 answers
Scroll css
CSS
0 vote386 views1 answer
Using tinymce with tailwind css
CSS
1 vote415 views1 answer
Css animate background image
CSS
53 votes347 views6 answers
Background color in css
CSS
0 vote385 views1 answer
Css template columns and rows
CSS