diff --git a/packages/vue/src/shared/useCanvas.ts b/packages/vue/src/shared/useCanvas.ts
index 28afa4e1e..5aa06d1b9 100644
--- a/packages/vue/src/shared/useCanvas.ts
+++ b/packages/vue/src/shared/useCanvas.ts
@@ -101,6 +101,8 @@ export function useCanvas(
 
     await new Promise((r) => requestAnimationFrame(r))
     createSurface(canvas)
+    await renderer?.loadFonts()
+    if (!destroyed) renderNow()
   }
 
   function sizeCanvas(canvas: HTMLCanvasElement) {
@@ -151,8 +153,6 @@ export function useCanvas(
     const glCtx = canvas.getContext('webgl2') ?? null
     renderer = new SkiaRenderer(ck, surface, glCtx)
     editor.setCanvasKit(ck, renderer)
-    void renderer.loadFonts().then(() => renderNow())
-    renderNow()
     canvas.dataset.ready = '1'
     options?.onReady?.()
   }