diff --git a/src/css/icons/icons.css b/src/css/icons/icons.css
index 7b85ad0..62120ea 100644
--- a/src/css/icons/icons.css
+++ b/src/css/icons/icons.css
@@ -4,6 +4,10 @@
     background-position: center;
     background-repeat: no-repeat;
     outline: 0;
+    image-rendering: -webkit-optimize-contrast !important;
+    image-rendering: -moz-crisp-edges !important;
+    image-rendering: crisp-edges !important;
+    image-rendering: pixelated !important;
 }
 
 .nitro-icon:hover {
diff --git a/src/css/login/LoginView.css b/src/css/login/LoginView.css
index e91cbad..cd8ea96 100644
--- a/src/css/login/LoginView.css
+++ b/src/css/login/LoginView.css
@@ -1,3 +1,25 @@
+@font-face {
+    font-family: Volter;
+    font-weight: normal;
+    font-style: normal;
+    src: url("@/assets/webfonts/Volter.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: Volter;
+    font-weight: bold;
+    font-style: normal;
+    src: url("@/assets/webfonts/Volter-b.ttf") format("truetype");
+}
+
+.nitro-login-view,
+.nitro-login-view * {
+    font-family: Volter, "Volter (Goldfish)", monospace;
+    -webkit-font-smoothing: none;
+    -moz-osx-font-smoothing: grayscale;
+    font-smooth: never;
+}
+
 .nitro-login-view {
     position: fixed;
     inset: 0;