问题描述
我在我的应用程序中使用 kendo-ui 和 angular,需要使用基于客户端的货币符号在 PDF 中显示创建的订单详细信息,但是
<kendo-pdf-export #PDF [margin]="'3cm'">
<div class="main-container">
<div class="summary-heading">
<h2>{{'orderSummary' | translate}}</h2>
</div>
....
.......
</div>
</kendo-pdf-export>
仅支持美国符号($),印度货币符号显示为“,”,这是错误的,如何在PDF中添加印度货币。
请帮忙, https://angular-uezijy.stackblitz.io 这里是反映相同问题的 stackblitz 链接。
解决方法
在项目的主 css/scss 文件中导入 DejaVu Sans 字体系列
@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;}
能够在 PDF 中显示 INR 符号(它还支持最广泛使用的所有货币)
https://angular-uezijy.stackblitz.io 的更新链接对代码级别也有帮助。