React-pdf 渲染器

Question

我很难在 react-pdf/renderer 中注册自定义字体。但是我能够通过将其声明为变量来使其工作。 const roboto = 'https://cdnjs.cloudflare.com/ajax/libs/ink/3.1.10/fonts/Roboto/roboto-bold-webfont.woff'

Font.register({family: "Roboto", src: roboto});

但是这里的 URL 只适用于 Roboto，你知道我在哪里可以获得类似于上面那个的链接吗？我即将使用Poppins 字体系列但找不到任何东西，即使在与上述相同的站点中也是如此。

注意：尝试使用谷歌字体执行相同的操作，但它不起作用。

谢谢你。

Answer 1

这对我有用。您必须从 @react-pdf/renderer 导入字体并按如下方式使用。

import {Font} from "@react-pdf/renderer";

Font.register({
  family: "Open Sans",
  src: "https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.ttf",
});

Font.register({
  family: "Lato",
  src: "https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wWw.ttf",
});