Получение квадратов вместо текста при рендеринге PDF с помощью ReactDOM.createPortal

Question

Я разрабатываю приложение с React, где я хочу открыть некоторые компоненты в новом windows с помощью createPortal в ReactDOM. Все работает нормально, кроме рендеринга PDF, который отлично работает, когда он не рендерится как дочерний элемент в createPortal.

Я разработал собственное решение с createPortal, но я также пробовал https://www.npmjs.com/package/react-new-window с тем же результатом.

Библиотеки PDF, которые я пробовал

https://www.npmjs.com/package/react-pdf

https://www.npmjs.com/package/pdf-viewer-reactjs

Кто-то, кто столкнулся с той же проблемой или знает, что это может быть?

Пример

Answer 1

Трудно быть уверенным, не просматривая PDF-файл, но «квадраты», о которых вы говорите, - это общий способ представления глифа .notdef в шрифте TrueType. Когда шрифт не содержит указанный глиф, вместо него используется глиф .notdef.

Наиболее частая причина этого заключается в том, что шрифт, используемый файлом PDF, не встроен, что означает, что должен быть заменен используемый. Если заменяющий шрифт не имеет необходимого глифа, он будет отрисован как .notdef.