fix font

Benur21 · Benur21 · commit db929f3fba6d · 2026-05-27T18:31:56.000+01:00
diff --git a/Animation1.html b/Animation1.html
@@ -34,9 +34,10 @@
 	  .labeledInput {
 	    margin-left: 5px;
 	  }
-	  span {
+	  #toolBar span {
 	    color: white;
-		  font-family: Arial Black;
+		  font-family: Arial, sans-serif;
+			font-weight: 900;
 		  font-size: 13px;
 	  }
 	  #speedBox {
diff --git a/CapitalTycoon.html b/CapitalTycoon.html
@@ -33,11 +33,6 @@
 	  .labeledInput {
 	    margin-left: 5px;
 	  }
-	  span {
-	    color: white;
-		  font-family: Arial Black;
-		  font-size: 13px;
-	  }
   </style>
 </head>
 <body>
diff --git a/TheBallGame.html b/TheBallGame.html
@@ -31,11 +31,6 @@
 	  .labeledInput {
 	    margin-left: 5px;
 	  }
-	  span {
-	    color: white;
-		  font-family: Arial Black;
-		  font-size: 13px;
-	  }
 	  iframe {
 	    top: 0px;
 	    left: 0px;
diff --git a/index.html b/index.html
@@ -7,9 +7,10 @@
   <meta name="keywords" content="HTML pages, Páginas HTML, JS pages, Páginas JS, Jogo da Bolinha, The Ball Game, JavaScript Animations, JavaScript Games, Animações JavaScript, Jogos JavaScript, html js comxa com">
 	<link rel="icon" href="resources/HTML5.png"/>
 
-	<style> /*NPP_COLLAPSE_IT*/
+	<style>
 	  * {
 	    text-align: center;
+			font-family: Arial, sans-serif;
 	  }
 	  body {
 	    background-color: #d7d7d7;
@@ -37,7 +38,7 @@ <h1 id="subtitle">Bem vindo a esta página!</h1>
   <p class="links"><a id="Animation 1_html" href="Animation1.html">Animação 1</a></p>
 	<p class="links"><a id="Animation 2_html" href="Animation2.html">Animação 2</a></p>
 	<p class="links"><a id="Ball Game_html" href="TheBallGame.html">Jogo da Bolinha</a></p>
-	<p class="links"><a id="CapitalTycoon_html" href="CapitalTycoon.html">Monopólio</a></p>
+	<p class="links"><a id="CapitalTycoon_html" href="CapitalTycoon.html">Capital Tycoon</a></p>
 	<script type="module" src="src/index/entrypoint.ts"></script>
 </body>
 </html>
diff --git a/src/JSTools.ts b/src/JSTools.ts
@@ -326,7 +326,7 @@ class Label extends Control {
     this.color = "white";
     this.outlineColor = transparent;
     this.textHeight = 30;
-    this.fontFamily = "Tahoma";
+    this.fontFamily = "Arial";
     this.xAlign = xAlign; //Horizontal Aligning
     this.yAlign = "middle"; //Vertical Aligning
   }
@@ -342,7 +342,7 @@ class Label extends Control {
       ctx.textBaseline = this.yAlign;
       ctx.strokeStyle = this.outlineColor;
       ctx.lineWidth = this.outlineWidth;
-      ctx.font = "bold " + this.textHeight + "px " + this.fontFamily;
+      ctx.font = "bold " + this.textHeight + "px " + this.fontFamily + ", Arial, sans-serif";
     }
   }
   /**

Original file line number	Diff line number	Diff line change
`@@ -34,9 +34,10 @@`
`34`	`34`	`.labeledInput {`
`35`	`35`	`margin-left: 5px;`
`36`	`36`	`}`
`37`		`- span {`
	`37`	`+ #toolBar span {`
`38`	`38`	`color: white;`
`39`		`- font-family: Arial Black;`
	`39`	`+ font-family: Arial, sans-serif;`
	`40`	`+ font-weight: 900;`
`40`	`41`	`font-size: 13px;`
`41`	`42`	`}`
`42`	`43`	`#speedBox {`
Original file line number	Diff line number	Diff line change
`@@ -326,7 +326,7 @@ class Label extends Control {`
`326`	`326`	`this.color = "white";`
`327`	`327`	`this.outlineColor = transparent;`
`328`	`328`	`this.textHeight = 30;`
`329`		`- this.fontFamily = "Tahoma";`
	`329`	`+ this.fontFamily = "Arial";`
`330`	`330`	`this.xAlign = xAlign; //Horizontal Aligning`
`331`	`331`	`this.yAlign = "middle"; //Vertical Aligning`
`332`	`332`	`}`
`@@ -342,7 +342,7 @@ class Label extends Control {`
`342`	`342`	`ctx.textBaseline = this.yAlign;`
`343`	`343`	`ctx.strokeStyle = this.outlineColor;`
`344`	`344`	`ctx.lineWidth = this.outlineWidth;`
`345`		`- ctx.font = "bold " + this.textHeight + "px " + this.fontFamily;`
	`345`	`+ ctx.font = "bold " + this.textHeight + "px " + this.fontFamily + ", Arial, sans-serif";`
`346`	`346`	`}`
`347`	`347`	`}`
`348`	`348`	`/**`