Use tailwind blablabla
/* fontface.css */
@font-face {
font-family: 'MyFont';
src:
url('path/of/the/font/MyFont.woff2') format('woff2 supports variations'),
url('path/of/the/font/MyFont.woff2') format('woff2-variations');
font-display: swap;
font-style: normal;
}
@theme {
--font-title: MyFont, 'serif';
}