diff --git a/web/styles/fonts/Inter/LICENSE b/web/styles/fonts/Inter/LICENSE
new file mode 100644
index 000000000..46d45c6a1
--- /dev/null
+++ b/web/styles/fonts/Inter/LICENSE
@@ -0,0 +1 @@
+Inter[slnt,wght].ttf: Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
\ No newline at end of file
diff --git a/web/styles/fonts/Inter/inter-v13-latin-200.woff2 b/web/styles/fonts/Inter/inter-v13-latin-200.woff2
new file mode 100644
index 000000000..c59d2397e
Binary files /dev/null and b/web/styles/fonts/Inter/inter-v13-latin-200.woff2 differ
diff --git a/web/styles/fonts/Inter/inter-v13-latin-300.woff2 b/web/styles/fonts/Inter/inter-v13-latin-300.woff2
new file mode 100644
index 000000000..2d99c5bcf
Binary files /dev/null and b/web/styles/fonts/Inter/inter-v13-latin-300.woff2 differ
diff --git a/web/styles/fonts/Inter/inter-v13-latin-500.woff2 b/web/styles/fonts/Inter/inter-v13-latin-500.woff2
new file mode 100644
index 000000000..21db79416
Binary files /dev/null and b/web/styles/fonts/Inter/inter-v13-latin-500.woff2 differ
diff --git a/web/styles/fonts/Inter/inter-v13-latin-600.woff2 b/web/styles/fonts/Inter/inter-v13-latin-600.woff2
new file mode 100644
index 000000000..da1c039b7
Binary files /dev/null and b/web/styles/fonts/Inter/inter-v13-latin-600.woff2 differ
diff --git a/web/styles/fonts/Inter/inter-v13-latin-700.woff2 b/web/styles/fonts/Inter/inter-v13-latin-700.woff2
new file mode 100644
index 000000000..775f7575e
Binary files /dev/null and b/web/styles/fonts/Inter/inter-v13-latin-700.woff2 differ
diff --git a/web/styles/fonts/Inter/inter-v13-latin-800.woff2 b/web/styles/fonts/Inter/inter-v13-latin-800.woff2
new file mode 100644
index 000000000..39b9673d8
Binary files /dev/null and b/web/styles/fonts/Inter/inter-v13-latin-800.woff2 differ
diff --git a/web/styles/fonts/Inter/inter-v13-latin-regular.woff2 b/web/styles/fonts/Inter/inter-v13-latin-regular.woff2
new file mode 100644
index 000000000..d228a4af2
Binary files /dev/null and b/web/styles/fonts/Inter/inter-v13-latin-regular.woff2 differ
diff --git a/web/styles/fonts/Material-Symbols-Rounded/LICENSE b/web/styles/fonts/Material-Symbols-Rounded/LICENSE
new file mode 100644
index 000000000..c86ff014a
--- /dev/null
+++ b/web/styles/fonts/Material-Symbols-Rounded/LICENSE
@@ -0,0 +1 @@
+MaterialSymbolsRounded[FILL,GRAD,opsz,wght].ttf: Copyright 2022, 2022 Google LLC. All Rights Reserved.
diff --git a/web/styles/fonts/Material-Symbols-Rounded/material-symbols-rounded-v168-latin-regular.woff2 b/web/styles/fonts/Material-Symbols-Rounded/material-symbols-rounded-v168-latin-regular.woff2
new file mode 100644
index 000000000..03d95f1b0
Binary files /dev/null and b/web/styles/fonts/Material-Symbols-Rounded/material-symbols-rounded-v168-latin-regular.woff2 differ
diff --git a/web/styles/fonts/main.css b/web/styles/fonts/main.css
new file mode 100644
index 000000000..7263a01a9
--- /dev/null
+++ b/web/styles/fonts/main.css
@@ -0,0 +1,78 @@
+/* inter-200 - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 200;
+  src: url("fonts/Inter/inter-v13-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* inter-300 - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 300;
+  src: url("fonts/Inter/inter-v13-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* inter-regular - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 405;
+  src: url("fonts/Inter/inter-v13-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* inter-500 - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 500;
+  src: url("fonts/Inter/inter-v13-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* inter-700 - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 700;
+  src: url("fonts/Inter/inter-v13-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* inter-800 - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 800;
+  src: url("fonts/Inter/inter-v13-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* material-symbols-rounded-regular - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: "Material Symbols Rounded";
+  font-style: normal;
+  font-weight: 400;
+  src: url("fonts/Material-Symbols-Rounded/material-symbols-rounded-v168-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+.material-symbols-rounded {
+  font-family: "Material Symbols Rounded";
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
+}
diff --git a/web/styles/globals.css b/web/styles/globals.css
index 5b24abc08..b687bca93 100644
--- a/web/styles/globals.css
+++ b/web/styles/globals.css
@@ -1,5 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0&display=swap");
+@import url("fonts/main.css");
 
 @tailwind base;
 @tailwind components;