switch monospace font to Source Code Pro

lib/styles/stitches.config.ts

@@ -6,7 +6,7 @@ import hexToRgba from "./utils/hex-to-rgba";
 import normalizeStyles from "./utils/normalize";
 
 // web fonts
-import { Inter, RobotoMono } from "./utils/fonts";
+import { Inter, SourceCodePro } from "./utils/fonts";
 
 // https://stitches.dev/docs/typescript#type-a-css-object
 export type CSS = Stitches.CSS<typeof stitchesConfig>;
@@ -24,7 +24,7 @@ export const {
   theme: {
     fonts: {
       sans: `${Inter.style.fontFamily}, sans-serif`,
-      mono: `${RobotoMono.style.fontFamily}, monospace`,
+      mono: `${SourceCodePro.style.fontFamily}, monospace`,
     },
 
     colors: {

lib/styles/utils/fonts.ts

@@ -1,6 +1,6 @@
 import {
   Inter as InterLoader,
-  Roboto_Mono as RobotoMonoLoader,
+  Source_Code_Pro as SourceCodeProLoader,
   Comic_Neue as ComicNeueLoader,
 } from "@next/font/google";
 
@@ -13,7 +13,7 @@ export const Inter = InterLoader({
   preload: true,
 });
 
-export const RobotoMono = RobotoMonoLoader({
+export const SourceCodePro = SourceCodeProLoader({
   weight: "variable",
   display: "fallback",
   preload: true,