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>