From 896031f158254d2cec8011a26132de7ae13b0fa0 Mon Sep 17 00:00:00 2001
From: Zhilin Liu <zhilin7@qq.com>
Date: Sun, 11 Feb 2024 21:41:56 +0800
Subject: [PATCH] fix: WordArt input font-family

---
 src/BlockHub/WordArtBlock/WordArt.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/BlockHub/WordArtBlock/WordArt.vue b/src/BlockHub/WordArtBlock/WordArt.vue
index a97f6fa..7674f18 100644
--- a/src/BlockHub/WordArtBlock/WordArt.vue
+++ b/src/BlockHub/WordArtBlock/WordArt.vue
@@ -75,10 +75,19 @@ onMounted(() => {
     <input
       v-if="editing"
       ref="inputRef"
-      :style="{ fontSize: `75px`, width: '100%', height: '100%', padding: '4px' }"
       @blur="save($event)"
       @keydown="(event) => event.key === 'Enter' && save(event)"
     />
     <canvas v-else ref="canvasRef" :style="{ width: '100%', height: '100%' }"></canvas>
   </div>
 </template>
+
+<style scoped lang="scss">
+input {
+  width: 100%;
+  height: 100%;
+  padding: 4px;
+  font-family: 'WordArt';
+  font-size: 75px;
+}
+</style>