diff --git a/frontend/tty-receiver/main.css b/frontend/tty-receiver/main.css
index 4bd05e7..dd953e5 100644
--- a/frontend/tty-receiver/main.css
+++ b/frontend/tty-receiver/main.css
@@ -1,36 +1,112 @@
-@font-face {
-	font-family: SourceCodePro;
-	font-style: normal;
-	font-weight: 300;
-	src: local("SourceCodeProLight"), local("SourceCodePro-Light"), url(https://cdn.jsdelivr.net/npm/source-code-pro@2.30.2/TTF/SourceCodePro-Light.ttf) format("truetype")
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: italic;
+  font-weight: 800;
+  src: url("assets/fonts/Sauce_Code_Pro_Black_Italic.ttf") format("truetype");
 }
 
-@font-face {
-	font-family: SourceCodePro;
-	font-style: normal;
-	font-weight: 400;
-	src: local("SourceCodePro"), local("SourceCodePro-Regular"), url(https://cdn.jsdelivr.net/npm/source-code-pro@2.30.2/TTF/SourceCodePro-Regular.ttf) format("truetype")
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: normal;
+  font-weight: 800;
+  src: url("assets/fonts/Sauce_Code_Pro_Black.ttf") format("truetype");
 }
 
-@font-face {
-	font-family: SourceCodePro;
-	font-style: normal;
-	font-weight: 600;
-	src: local("SourceCodeProSemibold"), local("SourceCodePro-Semibold"), url(https://cdn.jsdelivr.net/npm/source-code-pro@2.30.2/TTF/SourceCodePro-Semibold.ttf) format("truetype")
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: italic;
+  font-weight: 700;
+  src: url("assets/fonts/Sauce_Code_Pro_Bold_Italic.ttf") format("truetype");
 }
 
-@font-face {
-	font-family: SourceCodePro;
-	font-style: normal;
-	font-weight: 700;
-	src: local("SourceCodeProBold"), local("SourceCodePro-Bold"), url(https://cdn.jsdelivr.net/npm/source-code-pro@2.30.2/TTF/SourceCodePro-Bold.ttf) format("truetype")
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: normal;
+  font-weight: 700;
+  src: url("assets/fonts/Sauce_Code_Pro_Bold.ttf") format("truetype");
 }
 
-@font-face {
-	font-family: SourceCodePro;
-	font-style: italic;
-	font-weight: 400;
-	src: local("SourceCodeProItalic"), local("SourceCodePro-It"), url(https://cdn.jsdelivr.net/npm/source-code-pro@2.30.2/TTF/SourceCodePro-It.ttf) format("truetype")
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: italic;
+  font-weight: 250;
+  src: url("assets/fonts/Sauce_Code_Pro_ExtraLight_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: normal;
+  font-weight: 250;
+  src: url("assets/fonts/Sauce_Code_Pro_ExtraLight.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: normal;
+  font-weight: 400;
+  src: url("assets/fonts/Sauce_Code_Pro_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: italic;
+  font-weight: 300;
+  src: url("assets/fonts/Sauce_Code_Pro_Light_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: normal;
+  font-weight: 300;
+  src: url("assets/fonts/Sauce_Code_Pro_Light.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: italic;
+  font-weight: 400;
+  src: url("assets/fonts/Sauce_Code_Pro_Medium_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: normal;
+  font-weight: 400;
+  src: url("assets/fonts/Sauce_Code_Pro_Medium.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: normal;
+  font-weight: 400;
+  src: url("assets/fonts/Sauce_Code_Pro.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: italic;
+  font-weight: 600;
+  src: url("assets/fonts/Sauce_Code_Pro_Semibold_Italic.ttf") format("truetype");
+}
+
+
+@font-face  {
+  font-family: Sauce_Code_Pro;
+  font-style: normal;
+  font-weight: 600;
+  src: url("assets/fonts/Sauce_Code_Pro_Semibold.ttf") format("truetype");
 }
 
 html, body {
@@ -46,3 +122,7 @@ html, body {
     height: 100%;
 }
 
+
+xterm {
+  font-family: SourceCodePro;
+}