PDFExport .save does not pass special characters to pdf

[Simon]

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!

[Stefan]

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

[Simon]

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!

[Sami]

Hi  simon, how  do you add truetype to your project?

[Konstantin Dikov]

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:

• https://www.telerik.com/kendo-react-ui/components/grid/pdf-export/custom-fonts/