diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index b6e4f92..66d2168 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -2,6 +2,8 @@
 @tailwind components;
 @tailwind utilities;
 
+@import url('https://rsms.me/inter/inter.css');
+
 dd {
     margin: 0.5em 0 1em 2em;
 }
@@ -12,7 +14,7 @@ dd {
 
 body {
     color-scheme: dark;
-    @apply bg-zinc-900 text-white;
+    @apply font-sans bg-zinc-900 text-white;
 }
 
 dd, dl {
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 8ebbcdc..c4efb58 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -1,9 +1,14 @@
 /** @type {import('tailwindcss').Config} */
+const defaultTheme = require('tailwindcss/defaultTheme')
+
 module.exports = {
     content: ["./src/**/*.{js,ts,jsx,tsx}"],
     darkMode: "class",
     theme: {
         extend: {
+            fontFamily: {
+                sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+            },
             colors: {
                 zinc: {
                     850: "#1D1D20",