astro/public/scripts/sga.js

@@ -22,7 +22,7 @@ function enableSGA() {
 }
 
 function disableSGA() {
-  document.getElementById("body").style.fontFamily = "terminess-nf, system-ui";
+  document.getElementById("body").style.fontFamily = "departure-mono, system-ui";
   sessionStorage.removeItem("sgaEnabled");
   console.debug(sessionStorage.getItem("sgaEnabled"));
 }

astro/public/styles/css/fonts.css

@@ -8,4 +8,9 @@
 @font-face {
     font-family: standardGalactic;
     src: url(../fonts/galactic.ttf);
+}
+
+@font-face {
+    font-family: departure-mono;
+    src: url(../fonts/DepartureMono-Regular.otf)
 }

astro/public/styles/css/main.css

@@ -4,8 +4,8 @@
 @import "glitch.css";
 
 :root {
-    font-size: 20px;
-    font-family: terminess-nf, system-ui;
+    font-size: 18px;
+    font-family: departure-mono, system-ui;
     
     padding: 1rem;
     width: 1000px;

astro/src/components/site-info/frameworks.astro

@@ -1,6 +1,6 @@
 <h2 class="subtitle">frameworks, hosts, colors n' Stuff</h2>
 <ul>
-  <li>build with: 
+  <li>built with: 
       <ul>
           <li><a href="https://ktor.io/">ktor</a></li>
           <li><a href="https://astro.build/">astro</a></li>
@@ -11,5 +11,6 @@
   </li>
   <li>domain registrar: <a href="https://porkbun.com/">porkbun</a></li>
   <li>host: <a href="/blog/my-setup/">me :3</a></li>
+  <li>font: <a href="https://departuremono.com/">deparutre mono</a></li>
 </ul>
 <hr />