MaxInterview - adding font to next js app

showing results for - "adding font to next js app"

1
2import Document, { Html, Head, Main, NextScript } from 'next/document'
3
4class MyDocument extends Document {
5  static async getInitialProps(ctx) {
6    const initialProps = await Document.getInitialProps(ctx)
7    return { ...initialProps }
8  }
9
10  render() {
11    return (
12      <Html>
13        <Head>
14          <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet" />
15        </Head>
16        <body>
17          <Main />
18          <NextScript />
19        </body>
20      </Html>
21    )
22  }
23}
24
25export default MyDocument
26  
27

similar questions

nuxtjs custom font tailwindcsss next js change font react js averta fonts not working in safari staging deployement adding font in nextjs react native add custom fonts custom font in react native added font to react native add font to react js how to add custom font to react project font family react import css file in next js how to add fonts react native

queries leading to this page

how to link fonts in a next js project add font in nextjs custom fonts nextjs load font in next js app font next js custom how to import fonts in next js sent default font on next js how to add font to next js next js adding font to project next js export font files next js custom font woff2 next js default font how to add fonts in nextjs how to import fonts to next js add font with nextjs how to install font in next js how to add fonts in next js add font to next js next js include font file import font next js import font in nextjs custom font in nextjs configure fonts nextjs add fonts in nextjs import font google nextjs how to use downloaded font in nextjs app import font nextjs next js add font family how to import custom fonts to next js best fonts for next js how to change next js font add font to nextjs load font in next js app css how to inlcude fonts to next js nextjs custom fonts add fonts nextjs how to add font in nextjs adobe fonts next js install font to nextjs add font nextjs adding custom font nextjs add font globally to next js how to import fonts next js adding font in nextjs change fonts next js using downloaded fonts nextjs add font to next js app how to use font wesome in next js set custom font nextjs nextjs import fonts in css import fonts next how to import fonts into a next js app next js load fonts and use adding font in next js document js font in next js add font locally nextjs add custom font to nextjs add fonts to nextjs fonts in next js nextjs custom font import font file in next js add custom fonts in next adding external fonts in nextjs custom font nextjs typescript how to install new fonts in nextjs add custom font in nextjs import fonts in next js next js custom font add font family in nextjs nextjs add fonts how to add custom font in next js add fonts to next js add fonts in next js adding font to next js app