add some font

Author: rjoken

README.md

@@ -18,3 +18,10 @@ The game currently uses generated placeholder assets. To add your own custom ass
 ## License
 
 [MIT](LICENSE)
+
+## Credits
+
+Monogram is a free and Creative Commons Zero pixel font,
+made by Vinícius Menézio (@vmenezio).
+
+https://datagoblin.itch.io/monogram

public/monogram.ttf

@@ -113,6 +113,11 @@ footer {
   }
 }
 
+@font-face {
+  font-family: "Monogram";
+  src: url("public/monogram.ttf") format("truetype");
+}
+
 .orientation-message {
   position: fixed;
   top: 0;

src/App.css

@@ -7,19 +7,23 @@ export class GameOverScene extends Phaser.Scene {
 
   create() {
     const { width, height } = this.cameras.main;
-    this.add
-      .text(width / 2, height / 2 - 10, "BUSTED!", {
-        fontSize: "16px",
-        color: "#0f380f",
-      })
-      .setOrigin(0.5);
+    document.fonts.load('16px "Monogram"').then(() => {
+      this.add
+        .text(width / 2, height / 2 - 10, "BUSTED!", {
+          fontFamily: "Monogram",
+          fontSize: "16px",
+          color: "#0f380f",
+        })
+        .setOrigin(0.5);
 
-    this.add
-      .text(width / 2, height / 2 + 10, "Press R to retry", {
-        fontSize: "8px",
-        color: "#0f380f",
-      })
-      .setOrigin(0.5);
+      this.add
+        .text(width / 2, height / 2 + 10, "Press R to retry", {
+          fontFamily: "Monogram",
+          fontSize: "16px",
+          color: "#0f380f",
+        })
+        .setOrigin(0.5);
+    });
 
     this.input.keyboard?.once("keydown-R", () => this.scene.start("GameScene"));
   }