Estoy trabajando en una aplicación Next bastante básica usando Tailwind y acabo de instalar una fuente personalizada de peso variable Raleway (descargué la familia en formato .ttf y la convertí a .woff2 ) pero por alguna razón no puedo cambiar el peso de la fuente a través de las clases personalizadas font-bold , font-extrabold , etc... al menos de forma permanente. Para empezar, la fuente Raleway se muestra con éxito.

Como se muestra a continuación, una actualización hace que la página parpadee inmediatamente con lo que aparentemente es el estilo correcto, pero luego vuelve a otra cosa.

¿Podría tener algo que ver con la transición del período de bloqueo de fuentes al período de intercambio de fuentes? A continuación se muestra mi styles/globals.css :

 @tailwind base; @tailwind components; @tailwind utilities; @layer base { @font-face { font-family: 'Raleway'; src: url('/fonts/Raleway-Thin.woff2') format('woff2'); font-weight: 400; font-display: swap; font-style: normal; } }

Y aquí está mi tailwind.config.js :

 module.exports = { content: [ './pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}', ], theme: { extend: { fontFamily: { raleway: ['Raleway', 'sans-serif'], }, }, }, plugins: [], }