max-programming
diff --git a/‎src/app/fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf
54.4 KB b/‎src/app/fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf
54.4 KB
diff --git a/‎src/app/fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf
52.2 KB b/‎src/app/fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf
52.2 KB
diff --git a/‎src/app/layout.tsx
Lines changed: 16 additions & 7 deletions b/‎src/app/layout.tsx
Lines changed: 16 additions & 7 deletions
diff --git a/‎tailwind.config.ts
Lines changed: 1 addition & 1 deletion b/‎tailwind.config.ts
Lines changed: 1 addition & 1 deletion
@@ -1,25 +1,34 @@
 import '@/styles/globals.css';
 import Script from 'next/script';
 import type { Metadata, Viewport } from 'next';
-import { Atkinson_Hyperlegible_Mono } from 'next/font/google';
 import { unstable_ViewTransition as ViewTransition } from 'react';
 import { Toaster } from 'react-hot-toast';
 import { SessionProvider } from 'next-auth/react';
 import { Footer } from '@/components/footer';
 import { ReportModal } from '@/components/report-modal';
 import { env } from '@/env.mjs';
+import localFont from 'next/font/local';
 
-const atkinsonHyperlegibleMono = Atkinson_Hyperlegible_Mono({
-  subsets: ['latin'],
-  weight: ['400', '500'],
-  display: 'swap',
-  variable: '--font-space-grotesk'
+const atkinsonHyperlegibleMono = localFont({
+  variable: '--font-atkinson-hyperlegible-mono',
+  src: [
+    {
+      path: './fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf',
+      weight: '400',
+      style: 'italic'
+    },
+    {
+      path: './fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf',
+      weight: '400',
+      style: 'normal'
+    }
+  ]
 });
 
 export default function RootLayout({ children }: React.PropsWithChildren) {
   return (
     <html className={atkinsonHyperlegibleMono.variable}>
-      <body className="font-sans font-normal bg-hacktoberfest-blue">
+      <body className="font-mono font-normal bg-hacktoberfest-blue">
         <ViewTransition>
           {children}
           <Footer />
 
@@ -9,7 +9,7 @@ const config = {
   theme: {
     extend: {
       fontFamily: {
-        sans: ['var(--font-space-grotesk)', 'ui-sans-serif', 'system-ui']
+        mono: ['var(--font-atkinson-hyperlegible-mono)', 'monospace']
       },
       backgroundImage: {
         'primary-btn-hover-gradient':