diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
index 7572d1101..bfd01299d 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 b6182fffe..880cb765c 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 (
-
-
-
-
-
diff --git a/src/styles/font/Manrope.woff2 b/src/styles/font/Manrope.woff2
new file mode 100644
index 000000000..5a1b2d3d7
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 e11bf477e..f2942326f 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 000000000..7fa280042
--- /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");
+}