Implemented backup font families as per issue jagenjo#294 on Jagenjo's LiteGraph.js

Author: daniel-lewis-ab

css/litegraph-editor.css

@@ -6,34 +6,11 @@
 
     background-color: #333;
     color: #eee;
-    font: 14px Tahoma;
+    font: 14px "Tahoma", sans-serif;
 
     position: relative;
 }
 
-.litegraph-editor h1 {
-    font-family: "Metro Light", Tahoma;
-    color: #ddd;
-    font-size: 28px;
-    padding-left: 10px;
-    /*text-shadow: 0 1px 1px #333, 0 -1px 1px #777;*/
-    margin: 0;
-    font-weight: normal;
-}
-
-.litegraph-editor h1 span {
-    font-family: "Arial";
-    font-size: 14px;
-    font-weight: normal;
-    color: #aaa;
-}
-
-.litegraph-editor h2 {
-    font-family: "Metro Light";
-    padding: 5px;
-    margin-left: 10px;
-}
-
 .litegraph-editor * {
     box-sizing: border-box;
 }
@@ -84,7 +61,7 @@
     position: absolute;
     top: 2px;
     right: 2px;
-    font-family: "Tahoma";
+    font-family: "Tahoma", sans-serif;
     font-size: 14px;
     color: #aaa;
     cursor: pointer;
@@ -93,14 +70,11 @@
 /* BUTTONS **********************/
 
 .litegraph-editor .btn {
-    /*font-family: "Metro Light";*/
     color: #ccc;
     font-size: 20px;
     min-width: 30px;
-    /*border-radius: 0.3em;*/
     border: 0 solid #666;
     background-color: #3f3f3f;
-    /*box-shadow: 0 0 3px black;*/
     padding: 4px 10px;
     cursor: pointer;
     transition: all 1s;
@@ -155,7 +129,7 @@
 /* METER *********************/
 
 .litegraph-editor .loadmeter {
-    font-family: "Tahoma";
+    font-family: "Tahoma", sans-serif;
     color: #aaa;
     font-size: 12px;
     border-radius: 2px;
@@ -193,7 +167,7 @@
 	width: 100%;
 	background-color: black;
 	padding: 4px;
-	font: 16px monospace;
+	font: 16px "Consolas", monospace;
 	overflow: auto;
 	resize: none;
 	outline: none;

css/litegraph.css

@@ -4,15 +4,15 @@
     /*cursor: crosshair;*/
     user-select: none;
 	outline: none;
-    font-family: Tahoma, sans-serif;
+    font-family: "Tahoma", sans-serif;
 }
 
 .lgraphcanvas * {
     box-sizing: border-box;
 }
 
 .litegraph.litecontextmenu {
-    font-family: Tahoma, sans-serif;
+    font-family: "Tahoma", sans-serif;
     position: fixed;
     top: 100px;
     left: 100px;
@@ -48,7 +48,7 @@
 }
 
 .litegraph .litemenubar ul {
-    font-family: Tahoma, sans-serif;
+    font-family: "Tahoma", sans-serif;
     margin: 0;
     padding: 0;
 }
@@ -162,7 +162,7 @@
 }
 
 .litegraph.litesearchbox {
-    font-family: Tahoma, sans-serif;
+    font-family: "Tahoma", sans-serif;
     position: absolute;
     background-color: rgba(0, 0, 0, 0.5);
     padding-top: 4px;
@@ -194,7 +194,7 @@
 }
 
 .litegraph.lite-search-item {
-    font-family: Tahoma, sans-serif;
+    font-family: "Tahoma", sans-serif;
     background-color: rgba(0, 0, 0, 0.5);
     color: white;
     padding-top: 2px;
@@ -278,7 +278,7 @@
 .litegraph .dialog .dialog-footer { height: 50px; padding: 10px; border-top: 1px solid #1a1a1a;}
 
 .litegraph .dialog .dialog-header .dialog-title {
-    font: 20px "Arial";
+    font: 20px "Arial", sans-serif;
     margin: 4px;
     padding: 4px 10px;
     display: inline-block;

editor/style.css

@@ -8,15 +8,7 @@ html,body {
 body {
 	background-color: #333;
 	color: #EEE;
-	font: 14px Tahoma;
-}
-
-h1 {
-	font-family: "Metro Light",Tahoma;
-}
-
-h2 {
-	font-family: "Metro Light";
+	font: 14px "Tahoma", sans-serif;
 }
 
 #main {
@@ -125,7 +117,7 @@ label {
 	/*border-radius: 4px;*/
 	padding: 2px;
 	/*box-shadow: inset 0 0 3px #333; */
-	font-family: Verdana;
+	font-family: "Verdana", sans-serif;
 	width: 250px;
 }