Добавление пользовательского шрифта от локального до следующего.js 15 и Taillide CSS 4 ⇐ CSS

[Anonymous]

Привет, я пытаюсь добавить локальный шрифт, который я скачал в свой проект.

Код: Выделить всё

import localFont from 'next/font/local'

const dinround = localFont({
src: [
{
path: '../../public/fonts/DIN Round Pro/dinroundpro.otf'
}
],
variable: '--font-dinround'
})

export default function RootLayout({
children,
}: Readonly) {
return (


{children}


);
}

В следующих документах. Есть файл postcss.config.mjs , но я не думаю, что это то же самое, поэтому я предположил, что делаю это в своих Globals.css файл.
Strong>./src/styles/globals.css> br/>
@import "tailwindcss";

@plugin "daisyui" {
themes: light --default, dark;
root: ":root";
logs: true;
}

@theme {
/* ... */
}

Так что я не уверен, как добавить переменные, которые я добавил в файл mayout.tsx в моем файле конфигурации Tailwindcss для использования на протяжении всего моего приложения.


Подробнее здесь: https://stackoverflow.com/questions/795 ... wind-css-4