diff --git a/app/(main)/layout.tsx b/app/(main)/layout.tsx
index ac5c3b4..de8b039 100644
--- a/app/(main)/layout.tsx
+++ b/app/(main)/layout.tsx
@@ -1,5 +1,5 @@
 import type { Metadata, Viewport } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import localFont from "next/font/local";
 import { headers } from "next/headers";
 import { getLocale } from "next-intl/server";
 import { PWAInstallPrompt } from "@/components/pwa-install-prompt";
@@ -8,15 +8,8 @@ import { configManager } from "@/lib/admin/config-manager";
 import { withBasePath } from "@/lib/browser-navigation";
 import "../globals.css";
 
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
+const geistSans = localFont({src: '../Geist-Regular.otf', variable: "--font-geist-sans"})
+const geistMono = localFont({src: '../GeistMono-Regular.otf', variable: "--font-geist-mono"})
 
 export const viewport: Viewport = {
   width: "device-width",
diff --git a/app/(sandbox)/layout.tsx b/app/(sandbox)/layout.tsx
index 9813c79..0e91d4a 100644
--- a/app/(sandbox)/layout.tsx
+++ b/app/(sandbox)/layout.tsx
@@ -1,17 +1,10 @@
 import type { Metadata } from 'next';
 import type { ReactNode } from 'react';
-import { Geist, Geist_Mono } from 'next/font/google';
+import localFont from "next/font/local";
 import '../globals.css';
 
-const geistSans = Geist({
-  variable: '--font-geist-sans',
-  subsets: ['latin'],
-});
-
-const geistMono = Geist_Mono({
-  variable: '--font-geist-mono',
-  subsets: ['latin'],
-});
+const geistSans = localFont({src: '../Geist-Regular.otf', variable: "--font-geist-sans"})
+const geistMono = localFont({src: '../GeistMono-Regular.otf', variable: "--font-geist-mono"})
 
 export const metadata: Metadata = {
   title: 'Plugin sandbox',