fix(font): use monospace fallback (#2412)

ssiyad · web-flow · commit fa8a482b3324 · 2025-12-15T15:55:05.000-05:00
This helps with browsers/configs which blocks web fonts. ## Before <img width="2880" height="1752" alt="image" src="https://github.com/user-attachments/assets/723ea5a8-4398-4b6f-9275-14cc7ecfc160" /> ## After <img width="2880" height="1752" alt="image" src="https://github.com/user-attachments/assets/7439d616-b49d-4598-9df4-a4b71d8d20b6" />
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -6,7 +6,7 @@
   --font-sans: var(--font-inter), system-ui;
   --font-source: var(--font-source-sans-pro), system-ui;
   --font-sans--font-feature-settings: "cv02", "cv03", "cv04", "cv11";
-  --font-mono: var(--font-plex-mono);
+  --font-mono: var(--font-plex-mono), monospace;
   --font-mono--font-feature-settings: "ss02", "zero";
   --font-ubuntu-mono: var(--font-ubuntu-mono);
 }

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`--font-sans: var(--font-inter), system-ui;`
`7`	`7`	`--font-source: var(--font-source-sans-pro), system-ui;`
`8`	`8`	`--font-sans--font-feature-settings: "cv02", "cv03", "cv04", "cv11";`
`9`		`- --font-mono: var(--font-plex-mono);`
	`9`	`+ --font-mono: var(--font-plex-mono), monospace;`
`10`	`10`	`--font-mono--font-feature-settings: "ss02", "zero";`
`11`	`11`	`--font-ubuntu-mono: var(--font-ubuntu-mono);`
`12`	`12`	`}`