Trying to create a form with preview of what should be exported as pdf. Great tools, but I have an issue:
Adding the special characters "åäö" will render fine i the react component <Preview /> but not show in the pdf. I think they are replaced with whitespaces as of now. This code is part of the React component:
<PDFExport
paperSize={"a4"}
fileName="sample.pdf"
title=""
subject=""
keywords=""
ref={r => (toBeExportedAsPdf = r)}
>
<Preview
props={this.state.someString}
/>
</PDFExport>
Is there a fix for this avaliable? Thanks!
2 Answers, 1 is accepted
Hello, Simon,
Thank you for the details.
This will require the use of custom fonts that support special characters. More details can be founded here:
https://www.telerik.com/kendo-react-ui/components/drawing/pdf-output/embedded-fonts/
Regards,
Stefan
Progress Telerik
Rank 1
Hi Stefan.
Thank you for a swift response. I actually already had some custom fonts in place, but after going through the link you sent me I realized that i was using woff2 format only. By adding truetype my problem was solved.
Thank you!
Rank 2
Iron
Iron
Iron
You should add the fonts with @font-face:
@font-face {
font-family: "DejaVu Sans";
src: url("https://kendo.cdn.telerik.com/2017.2.621/styles/fonts/DejaVu/DejaVuSans.ttf") format("truetype");
}More on this topic can be found in the following article: