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

14 votes162 views4 answers
Css first of type
CSS
1 vote145 views1 answer
Import css in thymeleaf
CSS
0 vote164 views1 answer
Hovered one element change styles for another css
CSS
19 votes150 views2 answers
Center div css flex
CSS
6 votes226 views3 answers
Skeleton css cdn
CSS Skeleton
4 votes161 views1 answer
Make border to div
CSS
8 votes163 views3 answers
Text break css
CSS
2 votes184 views1 answer
How to apply hover through inline css
CSS
0 vote154 views2 answers
Error: the sandbox is not in sync with the podfile.lock. run
CSS
0 vote146 views5 answers
Css math functions simplifier
CSS