kendo drawDOM exportPDF not showing currency symbols

2 posts, 0 answers
  1. Anshita
    Anshita avatar
    1 posts
    Member since:
    Nov 2017

    Posted 12 Dec 2017 Link to this post

    I need to download the contents of a div to a pdf. there are some currency symbols as unicode which are not getting rendered in the pdf


    self.pdfPrint = function () {
                .then(function (group) {
                    return kendo.drawing.exportPDF(group, {
                        paperSize: "auto",
                        margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" }

                .done(function (data) {
                        dataURI: data,
                        fileName: "file.pdf",

  2. Ivan Danchev
    Ivan Danchev avatar
    1389 posts

    Posted 14 Dec 2017 Link to this post

    Hello Anshita,

    For a special character to be exported a font that supports such character must be applied to the HTML element that contains it. Consider the following example:

        #curencySymbols {
            font-family: "CODE2000";
            "CODE2000": "Fonts/CODE2000.TTF"
        <script type="text/javascript">
            var generatePDF = function () {
                kendo.drawing.drawDOM("#curencySymbols", {
                    paperSize: 'auto',
                    margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" }
                }).then(function (group) {
                    kendo.drawing.pdf.saveAs(group, "currency.pdf")
        <button onclick="generatePDF();">Download</button>
        <div id="curencySymbols">
            Un-supported Indian Rupee sign:
            Supported Indian Rupee sign:

    As you can see the CODE2000 font is applied to the exported element #currencySymbols. Within it there are a number of currency symbols, some of them added with their hex code (&#165; for example) others with their HTML entities (&euro; for example). This font supports special characters, however there are certain currencies that it does not support, for example: &#x20B9; Thus this symbol would not be exported properly by Kendo Drawing if you are using CODE2000 font. To ensure a character is exported you must apply a font that supports it. Apart from CODE2000 used in the example above, there are other fonts that support special characters, for instance ArialUnicodeMS. 

    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top