diff --git a/apps/web/src/app/[locale]/layout.tsx b/apps/web/src/app/[locale]/layout.tsx
index ee7d143c..d70ecdfd 100644
--- a/apps/web/src/app/[locale]/layout.tsx
+++ b/apps/web/src/app/[locale]/layout.tsx
@@ -4,16 +4,13 @@ import "../../style.css";
 import languages from "@rallly/languages";
 import { Toaster } from "@rallly/ui/toaster";
 import { Viewport } from "next";
-import { Inter } from "next/font/google";
+import localFont from "next/font/local";
 import React from "react";
 
 import { TimeZoneChangeDetector } from "@/app/[locale]/timezone-change-detector";
 import { Providers } from "@/app/providers";
 
-const inter = Inter({
-  subsets: ["latin"],
-  display: "swap",
-});
+const inter = localFont({ src: './../../../Inter.ttf' });
 
 export async function generateStaticParams() {
   return Object.keys(languages).map((locale) => ({ locale }));
diff --git a/apps/web/src/pages/_app.tsx b/apps/web/src/pages/_app.tsx
index b3d67d0e..16ee65a1 100644
--- a/apps/web/src/pages/_app.tsx
+++ b/apps/web/src/pages/_app.tsx
@@ -6,7 +6,7 @@ import { TooltipProvider } from "@rallly/ui/tooltip";
 import { domMax, LazyMotion } from "framer-motion";
 import { NextPage } from "next";
 import { AppProps } from "next/app";
-import { Inter } from "next/font/google";
+import localFont from "next/font/local";
 import Head from "next/head";
 import { SessionProvider, signIn, useSession } from "next-auth/react";
 import React from "react";
@@ -19,10 +19,7 @@ import { trpc } from "@/utils/trpc/client";
 
 import { NextPageWithLayout } from "../types";
 
-const inter = Inter({
-  subsets: ["latin"],
-  display: "swap",
-});
+const inter = localFont({ src: './../../Inter.ttf' });
 
 type AppPropsWithLayout = AppProps & {
   Component: NextPageWithLayout;