diff --git a/src/index.html b/src/index.html
index 7276565..6913b2e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,6 +7,7 @@
 
   <!-- Dependencies -->
   <script src="fontawesome/js/all.min.js"></script>
+  <link rel="stylesheet" href="fontawesome/css/all.min.css">
   <link rel="preconnect" href="https://fonts.gstatic.com">
   <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400&display=swap" rel="stylesheet">
 
diff --git a/src/main.js b/src/main.js
index bb3d10e..7845831 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-window.addEventListener('DOMContentLoaded', () => document.fonts.ready.then(() => {
+window.addEventListener('DOMContentLoaded', () => document.fonts.load('900 14px "Font Awesome 5 Free"').then(() => {
   const floorCanvas = document.getElementById('canvas-floor');
   const gridCanvas = document.getElementById('canvas-grid');
   const agentCanvas = document.getElementById('canvas-agent');