From d8317350b0ed2a45ba117c60780c2c4ef5f83c37 Mon Sep 17 00:00:00 2001
From: LuckyLaszlo <luke.perrey.dev@gmail.com>
Date: Tue, 17 Jan 2023 12:18:42 +0100
Subject: [PATCH] fix font load for canvas

---
 .../svelte/api_front/public/global.css          | 10 ++++++++++
 .../svelte/api_front/src/pages/game/Game.svelte | 17 +++++++++--------
 .../src/pages/game/GameSpectator.svelte         | 16 ++++++++--------
 3 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/srcs/requirements/svelte/api_front/public/global.css b/srcs/requirements/svelte/api_front/public/global.css
index 4a77fd07..25ba58a6 100644
--- a/srcs/requirements/svelte/api_front/public/global.css
+++ b/srcs/requirements/svelte/api_front/public/global.css
@@ -26,6 +26,16 @@ body {
 	font-display: swap;
 }
 
+@font-face {
+	font-family: "Bit5x3";
+	src:
+		url("/fonts/Bit5x3.woff2") format("woff2"),
+		local("Bit5x3"),
+		url("/fonts/Bit5x3.woff") format("woff");
+	font-weight: normal;
+	font-style: normal;
+	font-display: swap;
+}
 
 a {
 	color: rgb(0,100,200);
diff --git a/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte b/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte
index ccb4242a..855ef0c4 100644
--- a/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte
+++ b/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte
@@ -390,19 +390,20 @@
 		{/if}
 	{/if}
 
+<div id="preload_font">.</div>
+
 </div> <!-- div "game_page" -->
 
 <style>
-@font-face {
+
+#preload_font {
 	font-family: "Bit5x3";
-	src:
-		url("/fonts/Bit5x3.woff2") format("woff2"),
-		local("Bit5x3"),
-		url("/fonts/Bit5x3.woff") format("woff");
-	font-weight: normal;
-	font-style: normal;
-	font-display: swap;
+	opacity:0;
+	height:0;
+	width:0;
+	display:inline-block;
 }
+
 .dim_background {
 	background-color: #222;
 }
diff --git a/srcs/requirements/svelte/api_front/src/pages/game/GameSpectator.svelte b/srcs/requirements/svelte/api_front/src/pages/game/GameSpectator.svelte
index b4a6dee9..fc37f8c0 100644
--- a/srcs/requirements/svelte/api_front/src/pages/game/GameSpectator.svelte
+++ b/srcs/requirements/svelte/api_front/src/pages/game/GameSpectator.svelte
@@ -175,19 +175,19 @@
 		</div>
 	{/if}
 
+<div id="preload_font">.</div>
+
 </div> <!-- div "game_page" -->
 
 <!--  -->
 <style>
-@font-face {
+
+#preload_font {
 	font-family: "Bit5x3";
-	src:
-		url("/fonts/Bit5x3.woff2") format("woff2"),
-		local("Bit5x3"),
-		url("/fonts/Bit5x3.woff") format("woff");
-	font-weight: normal;
-	font-style: normal;
-	font-display: swap;
+	opacity:0;
+	height:0;
+	width:0;
+	display:inline-block;
 }
 
 .dim_background {