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';
}