Change font source to a cdn

elisescu · Jan 7, 2021 · 600f1c1 · 600f1c1
1 parent 2cf0d63
commit 600f1c1
Showing 3 changed files with 2 additions and 121 deletions.
diff --git a/server/frontend/templates/tty-share.in.html b/server/frontend/templates/tty-share.in.html
@@ -3,6 +3,7 @@
     <head>
         <meta charset="UTF-8">
         <title>tty-share</title>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nf-sauce-code-pro@2.1.3/nf-font.min.css">
     </head>
     <body>
         <div id="terminal"></div>

diff --git a/server/frontend/tty-share/main.css b/server/frontend/tty-share/main.css
@@ -1,123 +1,3 @@
-/* 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
@@ -22,7 +22,7 @@ class TTYReceiver {
             scrollback: 1000,
             fontSize: 12,
             letterSpacing: 0,
-            fontFamily: 'SauceCodePro, courier-new, monospace',
+            fontFamily: 'SauceCodePro MonoWindows, courier-new, monospace',
         });
 
         this.containerElement = container;