如何使用React应用程序中的@ progress / kendo-react-pdf包来渲染PDF中的泰米尔字体？

Question

我正在创建一个应用，其中我必须生成一个React Component的PDF，例如ABC。 ABC组件中同时包含英语和泰米尔语文本。当我尝试使用@progess/kendo-react-pdf包生成组件时，Tamil字体显示不正确。 PDF中会打印一些随机字符。

作为参考，请查看此code

Answer 1

通过获取并托管.ttf文件并声明URL来启用字体嵌入

https://www.telerik.com/kendo-react-ui/components/drawing/pdf-output/embedded-fonts/

定义字体，使用@ font-face CSS声明

@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/yourFont.ttf") format("truetype");
  }