0
452
Viewslas fuentes no se guardan al implementarse en vercel next js
Lo que veo localmente:
Y lo que veo en la implementación:
Incluso un diseño no guarda las fuentes. Sin embargo, es una página dinámica (/perfil/[id].jsx) En la construcción, no uso la próxima exportación. Ofc también uso archivos className, .module.css. El error solo funciona en esta página dinámica. ¿Algunas ideas?
·
Juan Pablo Isaza
1 answers
Answer question0
Utilice un document personalizado para vincular las fuentes. De esta forma, sus fuentes estarán disponibles en todas partes de la aplicación. Se cargan incluso antes que los estilos para evitar saltos de fuente cuando se cargan los estilos.
El archivo _document.js:
import Document, { Html, Head, Main, NextScript } from "next/document"; export default class MyDocument extends Document { render() { return ( <Html> <Head> {/* link your fonts here */} <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" /> </Head> <body> <Main /> <NextScript /> </body> </Html> ); } }Lea más sobre el documento personalizado aquí en Vercel Docs bien explicado. ¡Espero que ayude!
·
Juan Pablo Isaza
Report
Answer question