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

17 votes169 views2 answers
Place item center in css using grid
CSS
2 votes181 views1 answer
Css rounded corners at top only
CSS
1 vote189 views2 answers
Rainbow text with css
CSS
0 vote266 views1 answer
Width clamp css
CSS
0 vote170 views1 answer
Change option tag css
CSS
4 votes171 views4 answers
Change placeholder color
CSS
0 vote185 views1 answer
Hide scroll bar and show when hover with small size
CSS
0 vote172 views1 answer
Position absolute center with transform
CSS
0 vote179 views1 answer
Restore mySQL database from .bz2
CSS
1 vote177 views1 answer
Change text color li css
CSS