Hello,
I am using PDFExport, and in text there are also some German characters (Ü Ö Ä ).
When I open the created PDF, then the text is not right.
Example of created PDF:
I also tried this on StackBlitz and it is the same output.
Text example:
ÜÖÄLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer felis libero, lobortis ac rutrum quis, varius a velit. Donec lacus erat, cursus sed porta quis, adipiscing et ligula. Duis volutpat, sem pharetra accumsan pharetra, mi ligula cursus felis, ac aliquet leo diam eget risus. Integer facilisis, justo cursus venenatis vehicula, massa nisl tempor sem, in ullamcorper neque mauris in orci.
What can I dot that the text will be displayed correctly.
Thank, you, Matjaz Reberc
3 Answers, 1 is accepted
Hello, Matjaz,
I assume there was an issue saving the example as it leads to the StackBlitz overview page.
Still, an issue like this can occur if a font that supports these character is not loaded:
https://www.telerik.com/kendo-react-ui/components/drawing/pdf-output/embedded-fonts/
If the issue still occurs after embedding the font, please share an example with the font files and I will be happy to inspect it.
Regards,
Stefan
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Rank 1
Iron
it works if I use the same code from you example.
It tried to use font locally, but I can not make it work.
I created Font folder, and downloaded font (xy.ttf)
in css file I set the path to downloaded xy.ttf file
@font-face {
font-family: 'TimesNewRoman';
src: url(../Fonts/times-new-roman.ttf) format('truetype');
}
In component, xy.tsx where I need this fond I made import the same way as did you in your example.
import "./xy.css";
Am I missing something?
Thank you, Matjaz Reberc
Hello, Matjaz,
I have attached a local example with loading different fonts that may prove helpful.
If the issue still occurs, please share a runnable example where it is reproducible as this will allow us to inspect it locally.
Regards,
Stefan
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Rank 1
Iron
Unicode Font Nut Supported When I exported Page to PDF.
</div>
When I exported I got result in Square text format.
Hello, Dinesh,
This issue can be observed if the used font does not support the language that you are trying to export. I can recommend making sure that the loaded font supports the required language, more information on embedding fonts can be found in the following article:
https://www.telerik.com/kendo-react-ui/components/drawing/pdf-output/embedded-fonts/
If the issue persists when using a suitable font, please share a reproducible example so that we can investigate further.
Regards,
Filip