diff --git a/apps/web/components/PageWrapper.tsx b/apps/web/components/PageWrapper.tsx
index 03b9a9c2c5..bdd311d2a9 100644
--- a/apps/web/components/PageWrapper.tsx
+++ b/apps/web/components/PageWrapper.tsx
@@ -1,4 +1,5 @@
 import { DefaultSeo } from "next-seo";
+import { Inter } from "next/font/google";
 import localFont from "next/font/local";
 import Head from "next/head";
 import Script from "next/script";
@@ -17,13 +18,7 @@ export interface CalPageWrapper {
   PageWrapper?: AppProps["Component"]["PageWrapper"];
 }
 
-const interFont = localFont({
-  src: "../fonts/InterVariable.woff2",
-  variable: "--font-inter",
-  preload: true,
-  display: "swap",
-});
-
+const interFont = Inter({ subsets: ["latin"], variable: "--font-inter", preload: true, display: "swap" });
 const calFont = localFont({
   src: "../fonts/CalSans-SemiBold.woff2",
   variable: "--font-cal",
diff --git a/apps/web/fonts/InterVariable.woff2 b/apps/web/fonts/InterVariable.woff2
deleted file mode 100644
index 22a12b04e1..0000000000
Binary files a/apps/web/fonts/InterVariable.woff2 and /dev/null differ