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

49 votes190 views3 answers
Centralize image css
CSS
0 vote192 views1 answer
Media query not working with rem
CSS
0 vote168 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
0 vote208 views2 answers
Animate.css not working
CSS
0 vote188 views1 answer
CSS - The Descendant Selectors
CSS
1 vote204 views1 answer
Css hide div on mobile
CSS
9 votes196 views4 answers
Two color background css
CSS
14 votes191 views2 answers
.col-12 bootstrap
CSS
2 votes217 views1 answer
Css prevent text blue selection
CSS
2 votes198 views1 answer
Css rounded corners at top only
CSS