diff --git a/wwwroot/css/base.css b/wwwroot/css/base.css
index 3b3c69f..e0ec0fd 100644
--- a/wwwroot/css/base.css
+++ b/wwwroot/css/base.css
@@ -71,6 +71,11 @@ input {
   min-width: 0;
 }
 
+textarea, code, pre, .tool-input, .tool-diff, .tool-result, .fe-line-numbers {
+  font-family: var(--mono);
+  font-size: var(--mono-size);
+}
+
 textarea {
   height: 12em;
   min-height: 12em;
diff --git a/wwwroot/css/fonts.css b/wwwroot/css/fonts.css
new file mode 100644
index 0000000..a9a81b2
--- /dev/null
+++ b/wwwroot/css/fonts.css
@@ -0,0 +1,39 @@
+@font-face {
+  font-family: 'Inter';
+  src: url('../fonts/Inter-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: url('../fonts/Inter-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'JetBrains Mono';
+  src: url('../fonts/JetBrainsMono-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'JetBrains Mono';
+  src: url('../fonts/JetBrainsMono-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
diff --git a/wwwroot/css/theme.css b/wwwroot/css/theme.css
index 8b485f9..5de74c9 100644
--- a/wwwroot/css/theme.css
+++ b/wwwroot/css/theme.css
@@ -14,8 +14,10 @@
   --chat-bg: #1c1c1c;
   --border-width: 1px;
   --semi-transparent: 0.6;
-  --font: sans-serif;
+  --font: 'Inter', sans-serif;
   --font-size: .85em;
+  --mono: 'JetBrains Mono', monospace;
+  --mono-size: .95em;
   --border-radius: .5em;
   --page-padding: 2em;
   --page-spacing: 2em;
diff --git a/wwwroot/fonts/Inter-Medium.woff2 b/wwwroot/fonts/Inter-Medium.woff2
new file mode 100644
index 0000000..48e692d
Binary files /dev/null and b/wwwroot/fonts/Inter-Medium.woff2 differ
diff --git a/wwwroot/fonts/Inter-Regular.woff2 b/wwwroot/fonts/Inter-Regular.woff2
new file mode 100644
index 0000000..d941d16
Binary files /dev/null and b/wwwroot/fonts/Inter-Regular.woff2 differ
diff --git a/wwwroot/fonts/Inter-SemiBold.woff2 b/wwwroot/fonts/Inter-SemiBold.woff2
new file mode 100644
index 0000000..602741f
Binary files /dev/null and b/wwwroot/fonts/Inter-SemiBold.woff2 differ
diff --git a/wwwroot/fonts/JetBrainsMono-Medium.woff2 b/wwwroot/fonts/JetBrainsMono-Medium.woff2
new file mode 100644
index 0000000..fe43423
Binary files /dev/null and b/wwwroot/fonts/JetBrainsMono-Medium.woff2 differ
diff --git a/wwwroot/fonts/JetBrainsMono-Regular.woff2 b/wwwroot/fonts/JetBrainsMono-Regular.woff2
new file mode 100644
index 0000000..66c5467
Binary files /dev/null and b/wwwroot/fonts/JetBrainsMono-Regular.woff2 differ
diff --git a/wwwroot/index.html b/wwwroot/index.html
index d6ff8c4..018bfec 100644
--- a/wwwroot/index.html
+++ b/wwwroot/index.html
@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>// gott</title>
   <script src="js/title.js"></script>
+  <link rel="stylesheet" href="css/fonts.css">
   <link rel="stylesheet" href="css/theme.css">
   <link rel="stylesheet" href="css/base.css">
   <link rel="stylesheet" href="css/main.css">