Used dimbo font

src/menu.js

@@ -20,7 +20,7 @@ class Menu extends Screen {
     }
 
     drawTitle() {
-        this.context.font = "50px Arial";
+        this.context.font = "50px Dimbo";
         this.context.stokeStyle = 'rgb(0, 0, 0)';
         this.context.fillStyle = 'rgb(255, 255, 255)';
 
@@ -33,7 +33,7 @@ class Menu extends Screen {
     }
 
     drawMenu() {
-        this.context.font = "30px Arial";
+        this.context.font = "30px Dimbo";
         this.context.fillStyle = 'rgb(255, 255, 255)';
 
         let text = "New Game";
@@ -63,7 +63,7 @@ class Menu extends Screen {
     }
 
     newGameBox() {
-        this.context.font = "30px Arial";
+        this.context.font = "30px Dimbo";
         let text = "New Game";
         let size = this.context.measureText(text);
         let offset = (this.width() - size.width) / 2;
@@ -77,7 +77,7 @@ class Menu extends Screen {
     }
 
     exitBox() {
-        this.context.font = "30px Arial";
+        this.context.font = "30px Dimbo";
         let text = "Exit";
         let size = this.context.measureText(text);
         let offset = (this.width() - size.width) / 2;

src/scene.js

@@ -182,7 +182,7 @@ class Scene extends Screen {
 
         this.context.restore();
 
-        this.context.font = "15px Arial";
+        this.context.font = "15px Dimbo";
         this.context.fillStyle = "rgb(255, 255, 255)";
         this.context.fillText("High score: " + Math.floor(100 * this.currentMaxHeight), 0, height - 5);
     }
@@ -215,7 +215,7 @@ class Scene extends Screen {
     drawHud() {
         // Draw scores
         let fontSize = 20;
-        this.context.font = fontSize + "px Arial";
+        this.context.font = fontSize + "px Dimbo";
         this.context.fillStyle = 'rgb(255, 255, 255)';
         this.context.fillText("Score: " + Math.floor(100 * this.currentHeight), 0, 20);
 
@@ -248,7 +248,7 @@ class Scene extends Screen {
         if (this.status === Status.Paused || this.status === Status.Waking) {
 
             let fontSize = 50;
-            this.context.font = fontSize + "px Arial";
+            this.context.font = fontSize + "px Dimbo";
 
             this.context.beginPath();
             this.context.rect(0, 0, this.width(), this.height());

www/index.html

@@ -4,6 +4,10 @@
         <title>Escalator</title>
         <meta charset="utf-8" />
         <style>
+            @font-face {
+                font-family: 'Dimbo';
+                src: url('fonts/dimbo_r.ttf');
+            }
             * { padding: 0; margin: 0; }
             canvas { display: block; margin: 0 auto; }
         </style>