diff --git a/web/directory/index.html b/web/directory/index.html
index 4132bad..d17f809 100644
--- a/web/directory/index.html
+++ b/web/directory/index.html
@@ -6,8 +6,7 @@
 <meta name="theme-color" content="#F6F6F6">
 <title>Helios Who?</title>
 <link rel="icon" href="/static/brand/icon-192.png">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap">
+<link rel="stylesheet" href="/static/fonts/fonts.css">
 <link rel="stylesheet" href="/static/directory/style.css">
 </head>
 <body>
diff --git a/web/login.html b/web/login.html
index 8505574..e414d21 100644
--- a/web/login.html
+++ b/web/login.html
@@ -6,8 +6,7 @@
 <meta name="theme-color" content="#014E54">
 <title>Helios Who?</title>
 <link rel="icon" href="/static/brand/icon-192.png">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
+<link rel="stylesheet" href="/static/fonts/fonts.css">
 <style>
 body {
   margin: 0;
diff --git a/web/static/fonts/InterVariable-Italic.woff2 b/web/static/fonts/InterVariable-Italic.woff2
new file mode 100644
index 0000000..b3530f3
Binary files /dev/null and b/web/static/fonts/InterVariable-Italic.woff2 differ
diff --git a/web/static/fonts/InterVariable.woff2 b/web/static/fonts/InterVariable.woff2
new file mode 100644
index 0000000..5a8d3e7
Binary files /dev/null and b/web/static/fonts/InterVariable.woff2 differ
diff --git a/web/static/fonts/fonts.css b/web/static/fonts/fonts.css
new file mode 100644
index 0000000..9a83c67
--- /dev/null
+++ b/web/static/fonts/fonts.css
@@ -0,0 +1,15 @@
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('/static/fonts/InterVariable.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('/static/fonts/InterVariable-Italic.woff2') format('woff2');
+}
