The text in the canvas is broken

[JungYOsup]

When viewing a PDF on a new page(=Tab), the text in the canvas is broken.
Can you tell me why? And how to fix it would be appreciated.

 const newTab = window.open();
 newTab.document.documentElement.lang = "en";
 newTab.document.body.innerHTML = '<div id="root"></div>';

 Array.from(document.head.children).forEach((child) => {
          newTab.document.head.appendChild(child.cloneNode(true));
 });

 const root = ReactDOM.createRoot(
          newTab.document.getElementById("root") as HTMLElement
 );

 root.render(<PdfView file={blob} />);

[wojtekmaj]

It's because fonts used by PDF are not available in new window context. I'm not aware of any workarounds.