diff --git a/src/assets/base.css b/src/assets/base.css
index 4109cae..ae7ff97 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -77,16 +77,16 @@
 
     @font-face {
         font-family: 'ProtoMono';
-        src: url(fonts/ProtoMono-Regular.ttf);
+        src: url(fonts/ProtoMono-Regular.ttf), local('monospace');
     }
     @font-face {
         font-family: 'RenoMono';
-        src: url(fonts/RenoMono.otf);
+        src: url(fonts/RenoMono.otf), local('monospace');
     }
 
     @font-face {
         font-family: 'JetBrainsMono';
-        src: url(fonts/JetBrainsMono[wght].ttf);
+        src: url(fonts/JetBrainsMono[wght].ttf), local('monospace');
     }
 
     @font-face {
@@ -100,11 +100,11 @@
     }
 
     .font-pixellg {
-        font-family: 'PixelLg';
+        font-family: 'PixelLg', monospace, sans-serif;
     }
 
     .font-pixelsm {
-        font-family: 'PixelSm';
+        font-family: 'PixelSm', monospace, sans-serif;
     }
 
     .font-size-gui-extra {
diff --git a/tailwind.config.js b/tailwind.config.js
index 1e63f98..0af00a7 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -80,8 +80,8 @@ module.exports = {
         },
       },
       fontFamily: {
-        sans: ['JetbrainsMono', 'sans-serif'],
-        heading: ['ProtoMono', 'sans-serif'],
+        sans: ['JetbrainsMono', 'monospace', 'sans-serif'],
+        heading: ['ProtoMono', 'monospace', 'sans-serif'],
       },
       animation: {
         'accordion-down': 'accordion-down 0.2s ease-out',