diff --git a/packages/web/public/fonts/Inter-Bold.ttf b/packages/web/public/fonts/Inter-Bold.ttf
new file mode 100644
index 00000000..fe23eeb9
Binary files /dev/null and b/packages/web/public/fonts/Inter-Bold.ttf differ
diff --git a/packages/web/public/fonts/Inter-Medium.ttf b/packages/web/public/fonts/Inter-Medium.ttf
new file mode 100644
index 00000000..a01f3777
Binary files /dev/null and b/packages/web/public/fonts/Inter-Medium.ttf differ
diff --git a/packages/web/public/fonts/Inter-Regular.ttf b/packages/web/public/fonts/Inter-Regular.ttf
new file mode 100644
index 00000000..5e4851f0
Binary files /dev/null and b/packages/web/public/fonts/Inter-Regular.ttf differ
diff --git a/packages/web/public/index.html b/packages/web/public/index.html
index 71ce7d9e..6663f427 100644
--- a/packages/web/public/index.html
+++ b/packages/web/public/index.html
@@ -25,12 +25,52 @@
     -->
     <title>Automatisch</title>
 
-    <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=Inter:wght@400;500;700&display=swap"
-      rel="stylesheet"
+      rel="preload"
+      href="/fonts/Inter-Regular.ttf"
+      as="font"
+      crossorigin
+      type="font/ttf"
     />
+    <link
+      rel="preload"
+      href="/fonts/Inter-Medium.ttf"
+      as="font"
+      crossorigin
+      type="font/ttf"
+    />
+    <link
+      rel="preload"
+      href="/fonts/Inter-Bold.ttf"
+      as="font"
+      crossorigin
+      type="font/ttf"
+    />
+    <style>
+      @font-face {
+        font-family: 'Inter';
+        src: url('/fonts/Inter-Regular.ttf') format('truetype');
+        font-weight: 400;
+        font-style: normal;
+        font-display: swap;
+      }
+
+      @font-face {
+        font-family: 'Inter';
+        src: url('/fonts/Inter-Medium.ttf') format('truetype');
+        font-weight: 500;
+        font-style: normal;
+        font-display: swap;
+      }
+
+      @font-face {
+        font-family: 'Inter';
+        src: url('/fonts/Inter-Bold.ttf') format('truetype');
+        font-weight: 700;
+        font-style: normal;
+        font-display: swap;
+      }
+    </style>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/packages/web/src/index.tsx b/packages/web/src/index.tsx
index 8819e867..0ced00a4 100644
--- a/packages/web/src/index.tsx
+++ b/packages/web/src/index.tsx
@@ -12,7 +12,6 @@ import LiveChat from 'components/LiveChat/index.ee';
 import routes from 'routes';
 import reportWebVitals from './reportWebVitals';
 
-
 ReactDOM.render(
   <Router>
     <SnackbarProvider>
