Importé y definí una fuente llamada Vazirmatn localmente en mi proyecto Nextjs. Ahora quiero obtenerla de las fuentes de Google. El problema es que eliminé cualquier CSS que mencionara la fuente y eliminé los archivos de fuentes y cualquier importación remota, pero la familia de fuentes sigue siendo lo mismo en todas las páginas reviso cada CSS cargado en la página y no encontré ninguna referencia local o remota a la fuente

aquí está el código para la página 404 (el texto está en mi idioma nativo y la fuente también)

 import Image from "next/image" export default function() { return ( <> <div className='w-full h-full flex justify-center mt-7'> <Image src={'/404-page-not-found.svg'} width={'500px'} height={'500px'} ></Image> </div> <p><span style={{color:'#00ADB5'}} >خطای 404</span> نتونستیم صفحه ای که میخواستی رو پیدا کنیم</p> </> ) };

y aquí está mi global.css

 @tailwind base; @tailwind components; @tailwind utilities; /* @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap'); */ html, body { padding: 0; margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important; overflow-x: hidden; } a { color: #04cc; text-decoration: none; } * { box-sizing: border-box; } #__next { width: 100vw; height: 100vh; } span[data-slate-placeholder="true"] { opacity:0.5 !important; } .ck-editor { width: 50% !important; } li { margin-right: 15px; } ul li { list-style-type: disc; }

así es como se ve la página

así es como quiero que se vea