From 8a13c5ffb637282aaf95624202cfa233f9bc7dcc Mon Sep 17 00:00:00 2001
From: Danila Poyarkov <dev@dannote.net>
Date: Wed, 4 Mar 2026 00:53:36 +0300
Subject: [PATCH] Load all font weight/style variants needed by pasted text
 nodes

loadFontsForNodes only loaded the Regular style for each family.
Now collects fontWeight and italic from each text node and style
run, converts to style name via weightToStyle, and loads each
variant separately (e.g. Medium, Bold, Bold Italic).
---
 src/stores/editor.ts | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/stores/editor.ts b/src/stores/editor.ts
index a84d26ee6..0f6a58f82 100644
--- a/src/stores/editor.ts
+++ b/src/stores/editor.ts
@@ -1,3 +1,4 @@
+import { weightToStyle } from '@open-pencil/core'
 import { shallowReactive, shallowRef, computed, watch } from 'vue'
 
 import {
@@ -22,13 +23,13 @@ import {
   prefetchFigmaSchema
 } from '@/engine/clipboard'
 import { exportFigFile } from '@/engine/fig-export'
+import { loadFont } from '@/engine/fonts'
 import { computeLayout, computeAllLayouts, setTextMeasurer } from '@/engine/layout'
 import { renderNodesToImage } from '@/engine/render-image'
 import { SceneGraph } from '@/engine/scene-graph'
 import { TextEditor } from '@/engine/text-editor'
 import { UndoManager } from '@/engine/undo'
 import { computeVectorBounds } from '@/engine/vector'
-import { loadFont } from '@/engine/fonts'
 import { readFigFile } from '@/kiwi/fig-file'
 
 import type { ExportFormat } from '@/engine/render-image'
@@ -1696,22 +1697,30 @@ export function createEditorStore() {
   }
 
   function loadFontsForNodes(nodeIds: string[]) {
-    const families = new Set<string>()
+    const fontKeys = new Set<string>()
     const collect = (id: string) => {
       const node = graph.getNode(id)
       if (!node) return
       if (node.type === 'TEXT') {
-        families.add(node.fontFamily || DEFAULT_FONT_FAMILY)
+        const family = node.fontFamily || DEFAULT_FONT_FAMILY
+        fontKeys.add(`${family}\0${weightToStyle(node.fontWeight || 400, node.italic)}`)
         for (const run of node.styleRuns) {
-          if (run.style.fontFamily) families.add(run.style.fontFamily)
+          const f = run.style.fontFamily ?? family
+          const w = run.style.fontWeight ?? node.fontWeight ?? 400
+          const i = run.style.italic ?? node.italic
+          fontKeys.add(`${f}\0${weightToStyle(w, i)}`)
         }
       }
       for (const childId of node.childIds) collect(childId)
     }
     for (const id of nodeIds) collect(id)
-    families.delete(DEFAULT_FONT_FAMILY)
-    if (families.size === 0) return
-    const promises = [...families].map((f) => loadFont(f))
+
+    const toLoad = [...fontKeys]
+      .map((k) => k.split('\0') as [string, string])
+      .filter(([family]) => family !== DEFAULT_FONT_FAMILY)
+    if (toLoad.length === 0) return
+
+    const promises = toLoad.map(([family, style]) => loadFont(family, style))
     Promise.all(promises).then(() => {
       computeAllLayouts(graph)
       requestRender()