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

22 votes180 views5 answers
Css grid center
CSS
4 votes192 views2 answers
Change bot page background top.gg
CSS
7 votes200 views2 answers
Vue sass loader
CSS
0 vote189 views1 answer
Christmas red color code
CSS
1 vote175 views1 answer
Associate checkbox with label
CSS
11 votes179 views3 answers
Filter for css white color
CSS
1 vote195 views1 answer
Circle css with text in the center
CSS
0 vote137 views1 answer
Plus minus button css
CSS
0 vote190 views1 answer
Css orange color
CSS
0 vote180 views1 answer
The basic - and minimal - structure of an email template looks like this:
CSS