diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index fd748097..8e533a26 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -59,8 +59,8 @@
 
 <nav>
   <a href="/">
-    <h1 class="large">Watcharr</h1>
-    <h1 class="small">W</h1>
+    <span class="large">Watcharr</span>
+    <span class="small">W</span>
   </a>
   <input type="text" placeholder="Search" on:keydown={handleSearch} />
   <button class="plain face" on:click={handleProfileClick}>:)</button>
@@ -91,34 +91,32 @@
 
     a {
       text-decoration: none;
+      color: black;
+      font-family: "Shrikhand", system-ui, -apple-system, BlinkMacSystemFont;
+      font-size: 35px;
+      transition: -webkit-text-stroke 150ms ease, color 150ms ease, font-weight 150ms ease;
 
-      &:hover h1,
-      &:focus-visible h1 {
-        color: black;
+      &:hover,
+      &:focus-visible {
+        color: white;
+        -webkit-text-stroke: 3px black;
+        font-weight: bold;
       }
 
-      h1.small {
+      span.small {
         display: none;
       }
 
       @media screen and (max-width: 580px) {
-        h1.large {
+        span.large {
           display: none;
         }
-        h1.small {
+        span.small {
           display: unset;
         }
       }
     }
 
-    h1 {
-      font-weight: bold;
-      color: white;
-      -webkit-text-stroke: 1px black;
-      font-size: 35px;
-      transition: color 150ms ease;
-    }
-
     input {
       width: 250px;
       font-weight: bold;
@@ -133,7 +131,7 @@
     }
 
     button.face {
-      font-family: "Rampart One", system-ui, -apple-system, BlinkMacSystemFont;
+      font-family: "Shrikhand", system-ui, -apple-system, BlinkMacSystemFont;
       font-size: 25px;
       transform: rotate(90deg);
       cursor: pointer;
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e1bc91dd..0f46c8d9 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,7 +2,23 @@
 <slot />
 
 <style lang="scss">
-  @import url("https://fonts.googleapis.com/css2?family=Rampart+One&display=swap");
+  @font-face {
+    font-family: "Shrikhand";
+    src: local("Shrikhand Regular"), local("Shrikhand-Regular"),
+      url("/Shrikhand-Regular.woff2") format("woff2");
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: "Rampart One";
+    src: local("Rampart One Regular"), local("RampartOne-Regular"),
+      url("/RampartOne-Regular.woff2") format("woff2");
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+  }
 
   :global(*) {
     padding: 0;
@@ -15,7 +31,7 @@
   }
 
   :global(h1, h2, h3, h4, h5) {
-    font-family: "Rampart One", system-ui, -apple-system, BlinkMacSystemFont;
+    font-family: "Shrikhand", system-ui, -apple-system, BlinkMacSystemFont;
   }
 
   :global(a) {
diff --git a/static/RampartOne-Regular.woff2 b/static/RampartOne-Regular.woff2
new file mode 100644
index 00000000..0d151f85
Binary files /dev/null and b/static/RampartOne-Regular.woff2 differ
diff --git a/static/Shrikhand-Regular.woff2 b/static/Shrikhand-Regular.woff2
new file mode 100644
index 00000000..664c667b
Binary files /dev/null and b/static/Shrikhand-Regular.woff2 differ