diff --git a/web/public/style.css b/web/public/style.css
index 149437f..83037ce 100644
--- a/web/public/style.css
+++ b/web/public/style.css
@@ -1,10 +1,38 @@
-@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
-html {
-  height: 100dvh;
-  margin: 0 auto;
-  max-width: 600px;
+@font-face {
+  font-family: "mono";
+  src: url("/public/fonts/HurmitNerdFontMono-Regular.otf");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "mono";
+  src: url("/public/fonts/HurmitNerdFontMono-Italic.otf");
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: "mono";
+  src: url("/public/fonts/HurmitNerdFontMono-Bold.otf");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "legible";
+  src: url("/public/fonts/AtkinsonHyperlegible-Regular.ttf");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "brand";
+  src: url("/public/fonts/HelveticaNeueMedium.otf");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
 }
 * {
   display: block;