blog/how-to-change-fonts

[giscus[bot]]

blog/how-to-change-fonts

A guide on how to change fonts in 3 simple steps.

https://sanitypress.dev/blog/how-to-change-fonts

[ManpreetSL]

How do you apply the fonts globally? I tried it /app/(frontend)/layout.tsx on the body tag but it didn't do anything. Dev tools shows --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

[nuotsu]

Sorry the blog post here was outdated at the time of your comment, as SanityPress now uses Tailwind 4 and the global stylesheet at src/styles/app.css to set fonts. I've updated the post accordingly.

Please review the steps on adding the new CSS variables (e.g. --font-sans, --font-serif) and see if that works!