如何更改 react-pdf 中的字体答案

【问题标题】：How to change fonts in react-pdf如何更改 react-pdf 中的字体
【发布时间】：2022-02-16 14:06:19
【问题描述】：

我在更改 react-pdf 中的字体时遇到问题。

   // Register Font
Font.register({
  family: "Roboto",
  src:
      "https://cdnjs.cloudflare.com/ajax/libs/ink/3.1.10/fonts/Roboto/roboto-light-webfont.ttf"
});

因此，默认情况下，字体寄存器被赋予 Roboto 字体，但我需要一个 Public Sans 字体，但我无法找到它的来源。任何帮助都会很棒

【问题讨论】：

不确定我是否正确，但您可以从 Google Fonts 下载字体，例如来自这里的公共 Sans：fonts.google.com/specimen/Public+Sans
@Tim 是的，但是使用打字稿它不允许我从本地文件夹调用字体。我发现的唯一方法是从 npmjs 安装字体，但现在我不知道如何包含它
是的，字体需要可下载，我正在做的是将字体上传到 AWS S3，但这也适用于任何其他服务。因此，您还可以创建一个公共 Github 存储库，添加字体文件并从那里使用原始 URL。

标签： javascript reactjs pdf npm fonts

【解决方案1】：

尝试下载字体ttf文件并将其导入并分配给scr。

enter code here

从'./Roboto-Regular.ttf'导入roboto

Font.register({ family: 'Roboto', fonts: [ { src: roboto , fontWeight: 'bold' } ] })

【讨论】：