diff -ruN orig/index.html new/index.html
--- orig/index.html	2019-11-13 14:42:17.000000000 -0300
+++ new/index.html	2026-10-30 18:50:34.684312357 -0300
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <meta charset="utf-8">
     <title>Pocket Dimensions 7DRL</title>
-    <link href="https://fonts.googleapis.com/css?family=Overpass+Mono" rel="stylesheet">
     <link href="style/style.css" rel="stylesheet">
-    <script src="https://cdn.jsdelivr.net/npm/rot-js@2.0.3/dist/rot.js"></script>
+    <script src="script/rot.js"></script>
     <script src="script/game.js"></script>
     <script src="script/rooms.js"></script>
     <script src="script/entities.js"></script>
     <script src="script/animation.js"></script>
     <script src="script/items.js"></script>
 </head>
-<body onLoad="Game.init()">
+<body onLoad="(document.fonts ? document.fonts.load('19px \'Overpass Mono\'').catch(function () {}) : Promise.resolve()).then(function () { Game.init(); })">
     <h1>Pocket Dimensions 7DRL</h1>
     <div id="container">
         <div id="gameContainer">
diff -ruN orig/style/style.css new/style/style.css
--- orig/style/style.css	2019-11-13 14:42:17.000000000 -0300
+++ new/style/style.css	2026-10-30 18:10:47.135815403 -0300
@@ -1,3 +1,9 @@
+@font-face {
+    font-family: 'Overpass Mono';
+    font-weight: 300 700;
+    src: url(../fonts/OverpassMono.ttf) format('truetype');
+}
+
 body {
     font-family: 'Overpass Mono', monospace;
     background:black;