fix: load font first

our-mini-games · Dec 13, 2023 · 2362e5e · 2362e5e
1 parent 742a9d0
commit 2362e5e
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/packages/Chinese-chess/src/pages/OfflineGame.vue b/packages/Chinese-chess/src/pages/OfflineGame.vue
@@ -32,14 +32,20 @@ onMounted(() => {
     chatListRef.value &&
     chatInputRef.value
   ) {
-    const ctrl = createController({
-      oMain: mainRef.value,
-      oManual: manualRef.value,
-      oChatList: chatListRef.value,
-      oChatInput: chatInputRef.value
-    })
-    ctrl.initGame()
-    ctrl.run()
+    const font = new FontFace('PieceFont', 'url(fzlsft.ttf)')
+    font.load().then(f => {
+      (document.fonts as any).add(f)
+    }).then(async () => await document.fonts.ready.then())
+      .then(() => {
+        const ctrl = createController({
+          oMain: mainRef.value!,
+          oManual: manualRef.value!,
+          oChatList: chatListRef.value!,
+          oChatInput: chatInputRef.value!
+        })
+        ctrl.initGame()
+        ctrl.run()
+      })
   }
 })