diff --git a/static/fonts/IBMPlexSansVar-Italic.woff2 b/static/fonts/IBMPlexSansVar-Italic.woff2
new file mode 100644
index 0000000..74acd8d
Binary files /dev/null and b/static/fonts/IBMPlexSansVar-Italic.woff2 differ
diff --git a/static/fonts/IBMPlexSansVar-Roman.woff2 b/static/fonts/IBMPlexSansVar-Roman.woff2
new file mode 100644
index 0000000..209e600
Binary files /dev/null and b/static/fonts/IBMPlexSansVar-Roman.woff2 differ
diff --git a/static/input.css b/static/input.css
index 620763b..076c89a 100644
--- a/static/input.css
+++ b/static/input.css
@@ -2,14 +2,20 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  font-family: "Inter", sans-serif;
+@font-face {
+  src: url('/fonts/IBMPlexSansVar-Roman.woff2') format('woff2-variations');
+  font-family: 'IBM Plex Sans Variable';
+  font-style: normal;
+}
+
+@font-face {
+  src: url('/fonts/IBMPlexSansVar-Italic.woff2') format('woff2-variations');
+  font-family: 'IBM Plex Sans Variable';
+  font-style: italic;
 }
 
-@supports (font-variation-settings: normal) {
-  :root {
-    font-family: "Inter var", sans-serif;
-  }
+:root {
+  font-family: "IBM Plex Sans Variable", sans-serif;
 }
 
 #banner {