pdf pdf渲染器

Question

我有一个困难的时间注册自定义字体在react pdf/渲染器。但我可以通过声明它为变量来使它工作。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，您知道我在哪里可以获得类似于上面的链接吗？我即将使用Poppin字体系列，但找不到任何字体，即使在上面相同的站点中。

注意:尝试在google字体中执行相同的操作，但是它不起作用。

谢谢。

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