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

33 votes393 views6 answers
Css flex center
CSS
0 vote368 views1 answer
Animating a text in css
CSS
3 votes372 views2 answers
Css overflow y 3 dots
CSS
0 vote372 views1 answer
Table essentaial styles css
CSS
0 vote357 views1 answer
Inset boxshadow
CSS
0 vote375 views1 answer
Red asterix css
CSS
0 vote444 views1 answer
How to apply a transition to a child element when hovering over parent element
CSS
4 votes424 views2 answers
Border dot css
CSS
1 vote339 views1 answer
Change scroll style angular
CSS
6 votes397 views3 answers
Css for safari only
CSS