diff --git a/src/assets/styles/tailwind.css b/src/assets/styles/tailwind.css
index 39163c87..09ded4be 100644
--- a/src/assets/styles/tailwind.css
+++ b/src/assets/styles/tailwind.css
@@ -44,7 +44,7 @@ html {
   -o-tab-size: 4;
      tab-size: 4;
   /* 3 */
-  font-family: Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
+  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
@@ -1656,7 +1656,7 @@ video {
 }
 
 .font-sans {
-  font-family: Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
+  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
 }
 
 .text-2xl {
@@ -1927,7 +1927,7 @@ body {
 
 body,
 html {
-  font-family: Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
+  font-family: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
   color: #111827;
 }
 
diff --git a/src/pages/search.html b/src/pages/search.html
index 05510e09..249d23cc 100644
--- a/src/pages/search.html
+++ b/src/pages/search.html
@@ -8,7 +8,7 @@ permalink: /search.html
 <link href="https://coryd.dev/pagefind/pagefind-ui.css" rel="stylesheet" />
 <style>
   :root {
-    --pagefind-ui-font: 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', 'Arial', 'sans-serif',
+    --pagefind-ui-font: 'Inter', 'Roboto', 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', 'Arial', 'sans-serif',
       Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
       Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
     --pagefind-ui-primary: #374151;
diff --git a/src/social-preview.liquid b/src/social-preview.liquid
index 39e8189d..17fe2fe5 100644
--- a/src/social-preview.liquid
+++ b/src/social-preview.liquid
@@ -27,7 +27,7 @@ eleventyExcludeFromCollections: true
 
   <!-- date -->
   <text
-    font-family="'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', 'Arial', 'sans-serif'"
+    font-family="'Inter', 'Roboto', 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', 'Arial', 'sans-serif'"
     font-size="24"
     font-weight="bold"
     fill="#fff"
@@ -40,7 +40,7 @@ eleventyExcludeFromCollections: true
   <!-- title -->
   <text
     id="text"
-    font-family="'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', 'Arial', 'sans-serif'"
+    font-family="'Inter', 'Roboto', 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', 'Arial', 'sans-serif'"
     font-size="40"
     font-weight="900"
     fill="#fff"
@@ -55,7 +55,7 @@ eleventyExcludeFromCollections: true
 
   <!-- sitename -->
   <text
-  font-family="'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', 'Arial', 'sans-serif'"
+  font-family="'Inter', 'Roboto', 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', 'Arial', 'sans-serif'"
     font-size="24"
     font-weight="bold"
     fill="#fff"
diff --git a/tailwind.config.js b/tailwind.config.js
index fce26f7c..9e92262e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -13,7 +13,15 @@ module.exports = {
         14: '3.5rem',
       },
       fontFamily: {
-        sans: ['Helvetica Neue', 'Arial Nova', 'Nimbus Sans', 'Arial', 'sans-serif'],
+        sans: [
+          'Inter',
+          'Roboto',
+          'Helvetica Neue',
+          'Arial Nova',
+          'Nimbus Sans',
+          'Arial',
+          'sans-serif',
+        ],
         mono: ['ml', ...defaultTheme.fontFamily.mono],
       },
       backgroundImage: {