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 vote184 views1 answer
3D button using CSS
CSS
6 votes114 views1 answer
Float css examples
CSS
0 vote168 views2 answers
Writing mode css
CSS
0 vote118 views1 answer
Css click through element
CSS
21 votes159 views2 answers
How to write css for input type text
CSS
55 votes337 views5 answers
Bootstrap 3 button
CSS Bootstrap
70 votes167 views4 answers
Css vertical align center
CSS
0 vote150 views1 answer
Jquery hover class css not working
CSS
0 vote175 views3 answers
Image slider html css
CSS
0 vote133 views1 answer
Img grows up onmouseover css
CSS