如何使用 React 應用程序中的 @progress/kendo-react-pdf 包在 PDF 中渲染泰米爾語字體？

Question

我正在創建一個應用程序，我必須在其中生成 React 組件的 PDF，比如 ABC。 組件 ABC 包含英語和泰米爾語文本。 當我嘗試使用@progess/kendo-react-pdf包@progess/kendo-react-pdf組件時，泰米爾語字體未正確呈現。 一些隨機字符打印在 PDF 中。

作為參考，請查看此代碼

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");
  }