diff --git a/apps/web/public/fonts.css b/apps/web/public/fonts.css
new file mode 100644
index 000000000..87c2bcef6
--- /dev/null
+++ b/apps/web/public/fonts.css
@@ -0,0 +1,69 @@
+/* open-sans-regular - latin */
+@font-face {
+  font-family: "Open Sans";
+  font-display: swap;
+  font-style: normal;
+  font-weight: 400;
+  src: local(""),
+    url("./fonts/open-sans-v20-latin-regular.woff2") format("woff2"),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url("./fonts/open-sans-v20-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-italic - latin */
+@font-face {
+  font-family: "Open Sans";
+  font-display: swap;
+  font-style: italic;
+  font-weight: 400;
+  src: local(""),
+    url("./fonts/open-sans-v20-latin-italic.woff2") format("woff2"),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url("./fonts/open-sans-v20-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-600 - latin */
+@font-face {
+  font-family: "Open Sans";
+  font-display: swap;
+  font-style: normal;
+  font-weight: 600;
+  src: local(""), url("./fonts/open-sans-v20-latin-600.woff2") format("woff2"),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url("./fonts/open-sans-v20-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-600italic - latin */
+@font-face {
+  font-family: "Open Sans";
+  font-display: swap;
+  font-style: italic;
+  font-weight: 600;
+  src: local(""),
+    url("./fonts/open-sans-v20-latin-600italic.woff2") format("woff2"),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url("./fonts/open-sans-v20-latin-600italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-700 - latin */
+@font-face {
+  font-family: "Open Sans";
+  font-display: swap;
+  font-style: normal;
+  font-weight: 700;
+  src: local(""), url("./fonts/open-sans-v20-latin-700.woff2") format("woff2"),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url("./fonts/open-sans-v20-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* open-sans-700italic - latin */
+@font-face {
+  font-family: "Open Sans";
+  font-display: swap;
+  font-style: italic;
+  font-weight: 700;
+  src: local(""),
+    url("./fonts/open-sans-v20-latin-700italic.woff2") format("woff2"),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url("./fonts/open-sans-v20-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
diff --git a/apps/web/public/fonts/open-sans-v20-latin-600.woff b/apps/web/public/fonts/open-sans-v20-latin-600.woff
new file mode 100644
index 000000000..a6a553ae7
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-600.woff differ
diff --git a/apps/web/public/fonts/open-sans-v20-latin-600.woff2 b/apps/web/public/fonts/open-sans-v20-latin-600.woff2
new file mode 100644
index 000000000..301f31d8b
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-600.woff2 differ
diff --git a/apps/web/public/fonts/open-sans-v20-latin-600italic.woff b/apps/web/public/fonts/open-sans-v20-latin-600italic.woff
new file mode 100644
index 000000000..d07816709
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-600italic.woff differ
diff --git a/apps/web/public/fonts/open-sans-v20-latin-600italic.woff2 b/apps/web/public/fonts/open-sans-v20-latin-600italic.woff2
new file mode 100644
index 000000000..3c24fb50b
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-600italic.woff2 differ
diff --git a/apps/web/public/fonts/open-sans-v20-latin-700.woff b/apps/web/public/fonts/open-sans-v20-latin-700.woff
new file mode 100644
index 000000000..48f005dc8
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-700.woff differ
diff --git a/apps/web/public/fonts/open-sans-v20-latin-700.woff2 b/apps/web/public/fonts/open-sans-v20-latin-700.woff2
new file mode 100644
index 000000000..b2510840c
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-700.woff2 differ
diff --git a/apps/web/public/fonts/open-sans-v20-latin-700italic.woff b/apps/web/public/fonts/open-sans-v20-latin-700italic.woff
new file mode 100644
index 000000000..df62cc9b4
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-700italic.woff differ
diff --git a/apps/web/public/fonts/open-sans-v20-latin-700italic.woff2 b/apps/web/public/fonts/open-sans-v20-latin-700italic.woff2
new file mode 100644
index 000000000..1cd173e67
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-700italic.woff2 differ
diff --git a/apps/web/public/fonts/open-sans-v20-latin-italic.woff b/apps/web/public/fonts/open-sans-v20-latin-italic.woff
new file mode 100644
index 000000000..5b9981e73
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-italic.woff differ
diff --git a/apps/web/public/fonts/open-sans-v20-latin-italic.woff2 b/apps/web/public/fonts/open-sans-v20-latin-italic.woff2
new file mode 100644
index 000000000..caac24c2d
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-italic.woff2 differ
diff --git a/apps/web/public/fonts/open-sans-v20-latin-regular.woff b/apps/web/public/fonts/open-sans-v20-latin-regular.woff
new file mode 100644
index 000000000..66b4587bb
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-regular.woff differ
diff --git a/apps/web/public/fonts/open-sans-v20-latin-regular.woff2 b/apps/web/public/fonts/open-sans-v20-latin-regular.woff2
new file mode 100644
index 000000000..c813f9cbe
Binary files /dev/null and b/apps/web/public/fonts/open-sans-v20-latin-regular.woff2 differ
diff --git a/apps/web/public/index.html b/apps/web/public/index.html
index fd7020603..fed1a4777 100644
--- a/apps/web/public/index.html
+++ b/apps/web/public/index.html
@@ -97,11 +97,11 @@
         background-color: #f7f7f7;
       }
     </style>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap"
-      rel="stylesheet"
+      rel="preload"
+      href="./fonts.css"
+      as="style"
+      onload="this.onload=null; this.rel='stylesheet'; document.body.classList.add('fontLoaded')"
     />
   </head>
   <body>