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 votes163 views1 answer
Mettre une image au milieu css
CSS
33 votes157 views5 answers
Css strikethrough html text
CSS
0 vote162 views2 answers
Css animation not working
CSS
0 vote169 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
0 vote179 views1 answer
Css change scroll anchor point under navbar
CSS
1 vote180 views1 answer
Setting paragraph margin to 0
CSS
0 vote170 views1 answer
Grid css fr width of content
CSS
7 votes297 views3 answers
Import font woff css
CSS
1 vote183 views1 answer
Animated background css
CSS
24 votes183 views4 answers
How to remove link blue color from a tag using css
CSS