diff --git a/website/src/components/RootLayout/index.tsx b/website/src/components/RootLayout/index.tsx
index b51280469..364c5b204 100644
--- a/website/src/components/RootLayout/index.tsx
+++ b/website/src/components/RootLayout/index.tsx
@@ -7,11 +7,7 @@ import RootNavbar from "@/components/RootNavbar";
 import Banner from "@/components/Banner";
 import Script from "next/script";
 import Footer from "@/components/Footer";
-import { Source_Sans_3 } from "next/font/google";
-const source_sans_3 = Source_Sans_3({
-  subsets: ["latin"],
-  weight: ["200", "300", "400", "500", "600", "700", "800", "900"],
-});
+import { source_sans_3 } from "@/lib/fonts";
 import { HiArrowLongRight } from "react-icons/hi2";
 import { usePathname, useSearchParams } from "next/navigation";
 import Analytics from "@/components/Analytics";
diff --git a/website/src/lib/fonts.ts b/website/src/lib/fonts.ts
new file mode 100644
index 000000000..cf3d683ef
--- /dev/null
+++ b/website/src/lib/fonts.ts
@@ -0,0 +1,12 @@
+import { Source_Sans_3, Manrope } from "next/font/google";
+
+const source_sans_3 = Source_Sans_3({
+  subsets: ["latin"],
+  weight: ["200", "300", "400", "500", "600", "700", "800", "900"],
+});
+const manrope = Manrope({
+  subsets: ["latin"],
+  weight: ["200", "300", "400", "500", "600", "700", "800"],
+});
+
+export { source_sans_3, manrope };