如何在 React 应用程序中使用 @progress/kendo-react-pdf 包在 PDF 中呈现泰米尔语字体？答案

【问题标题】：How to render Tamil fonts in PDF using @progress/kendo-react-pdf package in the react app?如何在 React 应用程序中使用 @progress/kendo-react-pdf 包在 PDF 中呈现泰米尔语字体？
【发布时间】：2019-12-30 07:56:27
【问题描述】：

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

作为参考，请查看此code

【问题讨论】：

标签： reactjs pdf kendo-ui tamil

【解决方案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");
  }

【讨论】：