diff --git a/404.css b/404.css
index baa870c..a5e35a4 100644
--- a/404.css
+++ b/404.css
@@ -1,3 +1,13 @@
+@font-face {
+    font-family: 'Hack';
+    src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'JetBrainsMono';
+    src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2');
+}
+
 body {
     display: flex;
     justify-content: center;
@@ -8,8 +18,10 @@ body {
     background-color: #2a2a2a;
     transition: background-color 0.3s, color 0.3s;
     color: white;
+    font-family: 'Hack', 'JetBrainsMono', monospace;
 }
 
+
 .main {
     text-align: center;
     background-color: #4b4b4b;
diff --git a/autist/style.css b/autist/style.css
index bbc352f..a5262bb 100644
--- a/autist/style.css
+++ b/autist/style.css
@@ -21,7 +21,7 @@ body {
     padding: 20px;
     flex-direction: column;
     overflow: hidden;
-    font-family: 'JetBrainsMono', 'Hack', monospace;
+    font-family: 'Hack', 'JetBrainsMono', monospace;
 }
 
 .top {
diff --git a/click/style.css b/click/style.css
index 26f11b0..5e585ce 100644
--- a/click/style.css
+++ b/click/style.css
@@ -17,7 +17,7 @@ body {
     background-color: #2a2a2a;
     user-select: none;
     transition: background-color 0.3s, color 0.3s;
-    font-family: 'JetBrainsMono', 'Hack', monospace;
+    font-family: 'Hack', 'JetBrainsMono', monospace;
 }
 
 button, p {
diff --git a/guestbook/style.css b/guestbook/style.css
index a0042ee..33571d2 100644
--- a/guestbook/style.css
+++ b/guestbook/style.css
@@ -10,7 +10,7 @@
 
 body {
     background-color: #505050;
-    font-family: 'JetBrainsMono', 'Hack', monospace;
+    font-family: 'Hack', 'JetBrainsMono', monospace;
     margin: 20px 40px 20px 40px;
     display: flex;
     justify-content: center;
diff --git a/keyboard/index.html b/keyboard/index.html
index 783dd2e..8647efd 100644
--- a/keyboard/index.html
+++ b/keyboard/index.html
@@ -30,8 +30,6 @@
         </button>
 
         <button class="reset" id="reset">Reset</button>
-
-        <button class="button" id="font-button">Enable Funny Font</button>
     </div>
 
     
diff --git a/keyboard/script.js b/keyboard/script.js
index befd262..3f5ab24 100644
--- a/keyboard/script.js
+++ b/keyboard/script.js
@@ -5,7 +5,6 @@ const help = document.getElementById('help');
 const container = document.getElementById('container');
 const seperator = document.getElementById('seperator');
 const counterMain = document.getElementById('key-counters');
-const fontButton = document.getElementById('font-button');
 
 let isLightMode = false;
 
@@ -41,35 +40,10 @@ document.addEventListener("keydown", (e) => {
     logKey(e.key);
 });
 
-
-
 help.addEventListener('click', function () {
     alert('Press any key to see how many times it was pressed.')
 });
 
-let isFunnyFont = false;
-fontButton.addEventListener('click', function() {
-    if (!isFunnyFont) {
-        document.querySelectorAll("*").forEach((e) => {
-            e.style.fontFamily = "crueltysquad";
-        });
-        isFunnyFont = true;
-        console.log(isFunnyFont);
-        document.getElementById('font-button').innerHTML = "Disable Funny Font";
-
-    } else {
-        document.querySelectorAll("*").forEach((e) => {
-            e.style.fontFamily = "monospace";
-        });
-        isFunnyFont = false;
-        console.log(isFunnyFont)
-        document.getElementById('font-button').innerHTML = "Enable Funny Font";
-
-
-    }
-    
-});
-
 themeToggle.addEventListener('click', function() {
     if (!isLightMode) {
         document.getElementById('navBar').style.backgroundColor = "rgba(200,200,200,0.775)";
diff --git a/keyboard/style.css b/keyboard/style.css
index 770280d..009ec8d 100644
--- a/keyboard/style.css
+++ b/keyboard/style.css
@@ -17,7 +17,7 @@ body {
     transition: background-color 0.3s, color 0.3s;
     overflow-x: hidden;
     overflow-y: visible;
-    font-family: 'JetBrainsMono', 'Hack', monospace;
+    font-family: 'Hack', 'JetBrainsMono', monospace;
 }
 
 * {
diff --git a/projects/style.css b/projects/style.css
index 486c7bb..da5f30b 100644
--- a/projects/style.css
+++ b/projects/style.css
@@ -20,7 +20,7 @@ body {
     background-color: #2a2a2a;
     color: #f0f0f0;
     overflow-x: hidden;
-    font-family: 'JetBrainsMono', 'Hack', monospace;
+    font-family: 'Hack', 'JetBrainsMono', monospace;
 }
 
 html {
diff --git a/style.css b/style.css
index ff03f05..e6afeb3 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,13 @@
+@font-face {
+    font-family: 'Hack';
+    src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'JetBrainsMono';
+    src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2');
+}
+
 body {
     display: flex;
     justify-content: center;
@@ -10,6 +20,7 @@ body {
     background-color: #2a2a2a;
     color: #f0f0f0;
     overflow-x: hidden;
+    font-family: 'Hack', 'JetBrainsMono', monospace;
 }
 
 html {