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?