diff --git a/src/css/globals.css b/src/css/globals.css
index 248765c..5fa456e 100644
--- a/src/css/globals.css
+++ b/src/css/globals.css
@@ -81,7 +81,7 @@
 body {
     background-color: var(--color-secondary);
     color: var(--color-primary);
-    font-family: var(--font-family-sans);
+    font-family: var(--font-family-humanist);
     font-size: var(--text-size-s);
     text-underline-offset: var(--space-size-4xs);
 }
@@ -92,6 +92,7 @@ h2,
 h3,
 h4,
 h5 {
+    font-family: var(--font-family-neo);
     font-weight: bold;
     line-height: 1.2;
     margin: 0;
diff --git a/tailwind.config.js b/tailwind.config.js
index e13a4ee..051e611 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -48,6 +48,8 @@ module.exports = {
 		fontFamily: {
 			sans: ['Avenir', 'Montserrat', 'Corbel', "'URW Gothic'", 'source-sans-pro', 'sans-serif'],
 			mono: ['"Space Grotesk"', ...defaultTheme.fontFamily.mono],
+			humanist: ['Seravek', "'Gill Sans Nova'", 'Ubuntu', 'Calibri', "'DejaVu Sans'", 'source-sans-pro', 'sans-serif'],
+			neo: ['Inter', 'Roboto', "'Helvetica Neue'", "'Arial Nova'", "'Nimbus Sans'", "'Arial'", 'sans-serif']
 		},
 		gap: ({theme}) => ({
 			none: '0px',