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

19 votes117 views3 answers
Bootstrap media queries
CSS Bootstrap
0 vote145 views1 answer
Bash access array indirectly
CSS
4 votes188 views5 answers
Bootstrap img src
CSS Bootstrap
4 votes146 views2 answers
Change bot page background top.gg
CSS
36 votes150 views4 answers
Text color as gradient css
CSS
0 vote166 views1 answer
Nuxt scss
CSS
27 votes138 views1 answer
How to set text color in ingredient
CSS
0 vote146 views1 answer
How to display a header in the center of the column in css
CSS
0 vote157 views1 answer
Htnl css
CSS
0 vote134 views1 answer
Shadow on hover class on card bootstrap
CSS