Move font face back to html to fix font sometimes not loading

index.css

@@ -13,16 +13,6 @@
   }
 }
 
-@font-face {
-  font-family: 'emerald';
-  src: url('fonts/pokemon-emerald-pro.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'pkmnems';
-  src: url('fonts/pkmnems.ttf') format('truetype');
-}
-
 html {
   touch-action: none;
 }

index.html

@@ -7,6 +7,17 @@
 	<meta charset="UTF-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 	<title>Pokemon Rogue Battle</title>
+	<style type="text/css">
+		@font-face {
+			font-family: 'emerald';
+			src: url('fonts/pokemon-emerald-pro.ttf') format('truetype');
+		}
+
+		@font-face {
+			font-family: 'pkmnems';
+			src: url('fonts/pkmnems.ttf') format('truetype');
+		}
+	</style>
 	<link rel="stylesheet" type="text/css" href="index.css" />
 </head>