sebiweise/_document.tsx

## _document.tsx
import Document, { Html, Head, Main, NextScript, DocumentContext } from 'next/document'

class MyDocument extends Document {
    static async getInitialProps(ctx: DocumentContext) {
        const initialProps = await Document.getInitialProps(ctx)
        return { ...initialProps }
    }

    render() {
        return (
            <Html lang="de" className="h-full">
                <Head>
                    <link
                        href="https://rsms.me/inter/inter.css"
                        rel="stylesheet"
                    />
                </Head>
                <body className="h-full">
                    <Main />
                    <NextScript />
                </body>
            </Html>
        )
    }
}

export default MyDocument

## tailwind.config.js
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
      },
    },
  },
  // ...
}
	import Document, { Html, Head, Main, NextScript, DocumentContext } from 'next/document'

	class MyDocument extends Document {
	static async getInitialProps(ctx: DocumentContext) {
	const initialProps = await Document.getInitialProps(ctx)
	return { ...initialProps }
	}

	render() {
	return (
	<Html lang="de" className="h-full">
	<Head>
	<link
	href="https://rsms.me/inter/inter.css"
	rel="stylesheet"
	/>
	</Head>
	<body className="h-full">
	<Main />
	<NextScript />
	</body>
	</Html>
	)
	}
	}

	export default MyDocument
	const defaultTheme = require('tailwindcss/defaultTheme')

	module.exports = {
	theme: {
	extend: {
	fontFamily: {
	sans: ['Inter var', ...defaultTheme.fontFamily.sans],
	},
	},
	},
	// ...
	}