Actualmente he descargado este repositorio:
https://github.com/adrianhajdin/portfolio_website
de este tutorial:
https://www.youtube.com/watch?v=OPaLnMw2i_0&list=LL&index=3&ab_channel=JavaScriptMastery
Es un proyecto de Next Js que usa React que es personalizable. Sin embargo, tengo problemas para importar mis propias fuentes personalizadas, ya que no parece admitir CSS normal.
Las únicas opciones que veo para cambiar las fuentes están en esta configuración aquí:
ingrese la descripción de la imagen aquí
Parece que no puedo importar una familia de fuentes personalizada localmente usando CSS. Si trato de agregar un archivo style.css en el mismo repositorio y hacer referencia a mi familia de fuentes en la exportación del módulo, no sucede nada.
¿Alguien sabe cómo resolver esto?
cualquiera que sea el archivo que esté utilizando como global.css o index.css primero impórtelo así en ese archivo
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap'); @tailwind base; @tailwind components; @tailwind utilities; // rest of your css if haveluego ve a `tailwind.config.js y úsalo así:
module.exports = { content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], theme: { extend: { fontFamily: { sans: ['Poppins', 'sans-serif'], body: ['Poppins', 'sans-serif'], }, }, }, plugins: [], };