Search code examples
angularkendo-uipdf-generationkendo-ui-angular2

kendo export pdf not supporting non-US currency symbols in generated PDF document


im using kendo-ui with angular in my application, there is a need of showing created order details in a PDF with client-based currency symbols, but

<kendo-pdf-export #PDF [margin]="'3cm'">
  <div class="main-container">
    <div class="summary-heading">
      <h2>{{'orderSummary' | translate}}</h2>
    </div>

   ....
  .......
  </div>
</kendo-pdf-export> 

has only supporting US symbol ($) , inidan currency symbol is showing as ",," which is wrong , how can add indian currency in PDF.

please help, https://angular-uezijy.stackblitz.io here a stackblitz link which reflects the same issue.


Solution

  • import the DejaVu Sans font family in project's main css/scss file

    @font-face {
        font-family: "DejaVuSans";
        src:url("https://kendo.cdn.telerik.com/2018.2.620/styles/fonts/DejaVu/DejaVuSans.ttf") format("truetype");
    }
    
    .k-grid {font-family: "DejaVu Sans", "Arial", sans-serif;}
    

    able to show the INR symbol in PDF(also it support most widely used all currencies)

    the updated link of https://angular-uezijy.stackblitz.io can be helpful for code level also.