Switch fonts (#10)

vpicone · web-flow · commit dd729be8f510 · 2025-01-06T15:06:36.000-05:00
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -1,4 +1,5 @@
-@import url('https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Geist+Mono&family=Quicksand:wght@300..700&family=Tilt+Neon&display=swap');
+
 
 @tailwind base;
 @tailwind components;
@@ -60,6 +61,9 @@
     --darkBackground: 0 0 0;
     --lightBackground: var(--hume-tan-200);
     --grayBackground: var(--hume-black-200);
+
+    --font-sans: "Quicksand", sans-serif;
+    --font-mono: "Geist Mono", monospace;
   }
 
   html {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -3,9 +3,6 @@ import type { ReactNode } from 'react';
 import './globals.css';
 import dynamic from 'next/dynamic';
 
-import { fellix } from '@/assets/Fellix';
-import { fraktionMono } from '@/assets/FraktionMono';
-import { cn } from '@/utils';
 import { DatadogInit } from '@/utils/analytics';
 
 const DownloadAppBanner = dynamic(
@@ -33,14 +30,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body
-        className={cn(
-          fellix.className,
-          fellix.variable,
-          fraktionMono.variable,
-          'flex min-h-screen flex-col',
-        )}
-      >
+      <body className="flex min-h-screen flex-col">
         <DownloadAppBanner />
         <div
           className={'relative grow overflow-auto [transform:translateZ(0px)]'}
