diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
index 7572d110110a2ece1d2d520d9e412260b41c42a9..bfd01299db24aff037fc96ca6b86aecae1c1d9ec 100644
--- a/src/pages/_app.jsx
+++ b/src/pages/_app.jsx
@@ -3,6 +3,7 @@ import { SWRConfig } from "swr";
 
 import "styles/globals.css";
 import "styles/theme.css";
+import "styles/manrope.css";
 
 import "utils/i18n";
 import { ColorProvider } from "utils/color-context";
diff --git a/src/pages/_document.jsx b/src/pages/_document.jsx
index b6182fffee1c42c01f2d4957bfdd3b3ccf2758e3..880cb765c01225c6fccffbcffac0dc2e4c2a9332 100644
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.jsx
@@ -1,16 +1,8 @@
-import { Html, Head, Main, NextScript } from "next/document";
+import { Html, Main, NextScript } from "next/document";
 
 export default function Document() {
   return (
     <Html>
-      <Head>
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="true" />
-        <link
-          href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap"
-          rel="stylesheet"
-        />
-      </Head>
       <body className="relative w-full h-full bg-theme-50 dark:bg-theme-800 transition duration-150 ease-in-out">
         <Main />
         <NextScript />
diff --git a/src/styles/font/Manrope.woff2 b/src/styles/font/Manrope.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..5a1b2d3d740df2f7a2d7dec781070cb23fa6e90b
Binary files /dev/null and b/src/styles/font/Manrope.woff2 differ
diff --git a/src/styles/globals.css b/src/styles/globals.css
index e11bf477e4ebdab63148598eb6b055a9582fb140..f2942326fe6ce356da5e824592ec072ce3ff9164 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -10,5 +10,5 @@
 }
 
 body {
-  font-family: "Poppins", sans-serif;
+  font-family: Manrope, "Poppins", sans-serif;
 }
diff --git a/src/styles/manrope.css b/src/styles/manrope.css
new file mode 100644
index 0000000000000000000000000000000000000000..7fa280042a2050acc05c0868ee46ccebfb1d405c
--- /dev/null
+++ b/src/styles/manrope.css
@@ -0,0 +1,41 @@
+@font-face {
+  font-family: "Manrope";
+  font-weight: 200;
+  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Manrope";
+  font-weight: 300;
+  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Manrope";
+  font-weight: 400;
+  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Manrope";
+  font-weight: 500;
+  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Manrope";
+  font-weight: 600;
+  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Manrope";
+  font-weight: 700;
+  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Manrope";
+  font-weight: 800;
+  src: local("Manrope"), url("./font/Manrope.woff2") format("woff2");
+}
