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

3 votes333 views1 answer
Input backgound color
CSS
0 vote344 views1 answer
Custom select dropdown css only codepen
CSS
29 votes338 views4 answers
@font-face css
CSS
0 vote366 views1 answer
Change size material checkbox
CSS
0 vote376 views1 answer
How to set unclickable checkbox using css
CSS
25 votes328 views4 answers
Remove outline
CSS
0 vote334 views1 answer
Css stretch font vertically
CSS
0 vote357 views2 answers
How to make an image not blurry when stretched css
CSS
49 votes417 views5 answers
Css first
CSS
1 vote325 views1 answer
Html css landing page
CSS