diff --git a/web/public/fonts/Inter-Black.woff2 b/web/public/fonts/Inter-Black.woff2
new file mode 100644
index 000000000..18b35db75
Binary files /dev/null and b/web/public/fonts/Inter-Black.woff2 differ
diff --git a/web/public/fonts/Inter-BlackItalic.woff2 b/web/public/fonts/Inter-BlackItalic.woff2
new file mode 100644
index 000000000..02c9d8ecc
Binary files /dev/null and b/web/public/fonts/Inter-BlackItalic.woff2 differ
diff --git a/web/public/fonts/Inter-Bold.woff2 b/web/public/fonts/Inter-Bold.woff2
new file mode 100644
index 000000000..0f1b15763
Binary files /dev/null and b/web/public/fonts/Inter-Bold.woff2 differ
diff --git a/web/public/fonts/Inter-BoldItalic.woff2 b/web/public/fonts/Inter-BoldItalic.woff2
new file mode 100644
index 000000000..bc50f24c8
Binary files /dev/null and b/web/public/fonts/Inter-BoldItalic.woff2 differ
diff --git a/web/public/fonts/Inter-ExtraBold.woff2 b/web/public/fonts/Inter-ExtraBold.woff2
new file mode 100644
index 000000000..b1133688a
Binary files /dev/null and b/web/public/fonts/Inter-ExtraBold.woff2 differ
diff --git a/web/public/fonts/Inter-ExtraBoldItalic.woff2 b/web/public/fonts/Inter-ExtraBoldItalic.woff2
new file mode 100644
index 000000000..a5b76ca8d
Binary files /dev/null and b/web/public/fonts/Inter-ExtraBoldItalic.woff2 differ
diff --git a/web/public/fonts/Inter-ExtraLight.woff2 b/web/public/fonts/Inter-ExtraLight.woff2
new file mode 100644
index 000000000..1d77ae8d0
Binary files /dev/null and b/web/public/fonts/Inter-ExtraLight.woff2 differ
diff --git a/web/public/fonts/Inter-ExtraLightItalic.woff2 b/web/public/fonts/Inter-ExtraLightItalic.woff2
new file mode 100644
index 000000000..8c6849209
Binary files /dev/null and b/web/public/fonts/Inter-ExtraLightItalic.woff2 differ
diff --git a/web/public/fonts/Inter-Italic.woff2 b/web/public/fonts/Inter-Italic.woff2
new file mode 100644
index 000000000..4c24ce281
Binary files /dev/null and b/web/public/fonts/Inter-Italic.woff2 differ
diff --git a/web/public/fonts/Inter-Light.woff2 b/web/public/fonts/Inter-Light.woff2
new file mode 100644
index 000000000..dbe61437a
Binary files /dev/null and b/web/public/fonts/Inter-Light.woff2 differ
diff --git a/web/public/fonts/Inter-LightItalic.woff2 b/web/public/fonts/Inter-LightItalic.woff2
new file mode 100644
index 000000000..a40d04215
Binary files /dev/null and b/web/public/fonts/Inter-LightItalic.woff2 differ
diff --git a/web/public/fonts/Inter-Medium.woff2 b/web/public/fonts/Inter-Medium.woff2
new file mode 100644
index 000000000..0fd2ee737
Binary files /dev/null and b/web/public/fonts/Inter-Medium.woff2 differ
diff --git a/web/public/fonts/Inter-MediumItalic.woff2 b/web/public/fonts/Inter-MediumItalic.woff2
new file mode 100644
index 000000000..96767155d
Binary files /dev/null and b/web/public/fonts/Inter-MediumItalic.woff2 differ
diff --git a/web/public/fonts/Inter-Regular.woff2 b/web/public/fonts/Inter-Regular.woff2
new file mode 100644
index 000000000..b8699af29
Binary files /dev/null and b/web/public/fonts/Inter-Regular.woff2 differ
diff --git a/web/public/fonts/Inter-SemiBold.woff2 b/web/public/fonts/Inter-SemiBold.woff2
new file mode 100644
index 000000000..95c48b184
Binary files /dev/null and b/web/public/fonts/Inter-SemiBold.woff2 differ
diff --git a/web/public/fonts/Inter-SemiBoldItalic.woff2 b/web/public/fonts/Inter-SemiBoldItalic.woff2
new file mode 100644
index 000000000..ddfe19e83
Binary files /dev/null and b/web/public/fonts/Inter-SemiBoldItalic.woff2 differ
diff --git a/web/public/fonts/Inter-Thin.woff2 b/web/public/fonts/Inter-Thin.woff2
new file mode 100644
index 000000000..07909608c
Binary files /dev/null and b/web/public/fonts/Inter-Thin.woff2 differ
diff --git a/web/public/fonts/Inter-ThinItalic.woff2 b/web/public/fonts/Inter-ThinItalic.woff2
new file mode 100644
index 000000000..a7bf21380
Binary files /dev/null and b/web/public/fonts/Inter-ThinItalic.woff2 differ
diff --git a/web/public/fonts/Inter-VariableFont_slnt,wght.ttf b/web/public/fonts/Inter-VariableFont_slnt,wght.ttf
deleted file mode 100644
index e72470871..000000000
Binary files a/web/public/fonts/Inter-VariableFont_slnt,wght.ttf and /dev/null differ
diff --git a/web/src/index.css b/web/src/index.css
index 0f9156ac8..beec893bd 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -24,11 +24,6 @@
   }
 }
 
-@font-face {
-  font-family: "Inter";
-  src: url("../fonts/Inter-VariableFont_slnt,wght.ttf");
-}
-
 /* Hide scrollbar for Chrome, Safari and Opera */
 .no-scrollbar::-webkit-scrollbar {
   display: none;
@@ -39,3 +34,131 @@
   -ms-overflow-style: none; /* IE and Edge */
   scrollbar-width: none; /* Firefox */
 }
+
+/* static fonts */
+@font-face {
+  font-family: "Inter";
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url("../fonts/Inter-Thin.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url("../fonts/Inter-ThinItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url("../fonts/Inter-ExtraLight.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url("../fonts/Inter-ExtraLightItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("../fonts/Inter-Light.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url("../fonts/Inter-LightItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("../fonts/Inter-Regular.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url("../fonts/Inter-Italic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("../fonts/Inter-Medium.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url("../fonts/Inter-MediumItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url("../fonts/Inter-SemiBoldItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("../fonts/Inter-Bold.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url("../fonts/Inter-BoldItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url("../fonts/Inter-ExtraBold.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url("../fonts/Inter-ExtraBoldItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url("../fonts/Inter-Black.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Inter";
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url("../fonts/Inter-BlackItalic.woff2") format("woff2");
+}