Esta es la primera vez que cambio la familia de fuentes en Gatsbyjs.
yo uso esta plantilla
https://www.gatsbyjs.com/starters/netlify-templates/gatsby-starter-netlify-cms
Podría cambiar la fuente, pero algunas partes no están cambiando.
Aquí está mi código actual
import Typography from "typography" import Theme from "typography-theme-moraga" Theme.googleFonts.push({ // Noto Sans JP name: "Noto+Sans+JP", styles: ["400"], }) Theme.bodyFontFamily = ["Noto Serif JP", "Roboto", "serif"] Theme.headerFontFamily = ["Noto Serif JP", "Roboto", "serif"] Theme.htmlFontFamily = ["Noto Serif JP", "Roboto", "serif"] Theme.textareaFontFamily = ["Noto Serif JP", "Roboto", "serif"] const typography = new Typography(Theme) // Hot reload typography in development. if (process.env.NODE_ENV !== `production`) { typography.injectStyles() }
exportar tipografía predeterminada exportar const ritmo = tipografía.ritmo exportar const escala = tipografía.escala
Pensé que src\components\all.sass es la sección css. pero no pude encontrar la línea de familia de fuentes que me gustaría ajustar. así que busqué css usando la herramienta de desarrollo de firefox y veo el nombre del archivo llamado common.css pero no pude encontrarlo.
¿Podría enseñarme cómo cambiar la fuente principal de todas las familias y ajustar el área específica?