diff --git a/server/frontend/tty-share/main.css b/server/frontend/tty-share/main.css
index 696d641..9891046 100644
--- a/server/frontend/tty-share/main.css
+++ b/server/frontend/tty-share/main.css
@@ -1,3 +1,123 @@
+/* Sauce Code Pro / Source Code Pro
+ * Courtesy of: 
+ * https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/SourceCodePro
+ * Licensed under OFL 1.1
+ * https://raw.githubusercontent.com/ryanoasis/nerd-fonts/c41890f/patched-fonts/SourceCodePro/Regular/complete/LICENSE.txt
+ * 
+ * Fonts used are "Windows Compatible Monospaced"
+ * */
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: italic;
+  font-weight: 800;
+  src: url("../static/fonts/Sauce_Code_Pro_Black_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: normal;
+  font-weight: 800;
+  src: url("../static/fonts/Sauce_Code_Pro_Black.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: italic;
+  font-weight: 700;
+  src: url("../static/fonts/Sauce_Code_Pro_Bold_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: normal;
+  font-weight: 700;
+  src: url("../static/fonts/Sauce_Code_Pro_Bold.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: italic;
+  font-weight: 250;
+  src: url("../static/fonts/Sauce_Code_Pro_ExtraLight_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: normal;
+  font-weight: 250;
+  src: url("../static/fonts/Sauce_Code_Pro_ExtraLight.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: normal;
+  font-weight: 400;
+  src: url("../static/fonts/Sauce_Code_Pro_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: italic;
+  font-weight: 300;
+  src: url("../static/fonts/Sauce_Code_Pro_Light_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: normal;
+  font-weight: 300;
+  src: url("../static/fonts/Sauce_Code_Pro_Light.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: italic;
+  font-weight: 400;
+  src: url("../static/fonts/Sauce_Code_Pro_Medium_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: normal;
+  font-weight: 400;
+  src: url("../static/fonts/Sauce_Code_Pro_Medium.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: normal;
+  font-weight: 400;
+  src: url("../static/fonts/Sauce_Code_Pro.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: italic;
+  font-weight: 600;
+  src: url("../static/fonts/Sauce_Code_Pro_Semibold_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: SauceCodePro;
+  font-style: normal;
+  font-weight: 600;
+  src: url("../static/fonts/Sauce_Code_Pro_Semibold.ttf") format("truetype");
+}
+
 html, body {
     width: 100%;
     height: 100%;
diff --git a/server/frontend/tty-share/tty-receiver.ts b/server/frontend/tty-share/tty-receiver.ts
index 9bae558..9757dc3 100644
--- a/server/frontend/tty-share/tty-receiver.ts
+++ b/server/frontend/tty-share/tty-receiver.ts
@@ -22,6 +22,7 @@ class TTYReceiver {
             scrollback: 1000,
             fontSize: 12,
             letterSpacing: 0,
+            fontFamily: 'SauceCodePro, courier-new, monospace',
         });
 
         this.containerElement = container;