change default font to Courier

web/components/header.tsx

@@ -146,7 +146,7 @@ export function Header(props: {
           />
           <div
             className={clsx(
-              'font-major-mono lowercase mt-1 sm:text-2xl md:whitespace-nowrap',
+              'font-major-mono mt-1 sm:text-2xl md:whitespace-nowrap',
               darkBackground && 'text-white'
             )}
           >

web/tailwind.config.js

@@ -8,7 +8,7 @@ module.exports = {
     fontFamily: Object.assign(
       { ...defaultTheme.fontFamily },
       {
-        'major-mono': ['Major Mono Display', 'monospace'],
+        'major-mono': ['Courier', 'monospace'],
         'readex-pro': ['Readex Pro', 'sans-serif'],
       }
     ),