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

34 votes359 views6 answers
Color gradient for text
CSS
39 votes336 views2 answers
Font size x large in css
CSS
1 vote361 views3 answers
How to add link click script in url
CSS
0 vote364 views2 answers
Text-align: left; width: 100%;
CSS
1 vote346 views1 answer
Css everything under element
CSS
0 vote334 views3 answers
Div
CSS
0 vote333 views1 answer
Formatage date css
CSS
1 vote353 views1 answer
How to make horizontal rule dotted
CSS
1 vote348 views2 answers
Vim unset number
CSS
13 votes359 views3 answers
Rotate image html
CSS