Здравствуйте.
Пытаюсь применить гугл шрифты через @next/font/google
layout.tsx
import { Cormorant } from '@next/font/google';
import './globals.css'
const cormorant = Cormorant({
weight:['400', '500', '600'],
subsets:['latin', 'cyrillic'],
variable: '--defaultFont',
})
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html className={`${cormorant.variable}`} lang="en">
<body>
{children}
</body>
</html>
)
}
globals.css
body {
font-family: var(--defaultFont);
}
Шрифт не работает. Что я делаю не так?
Средний
