使用printJS打印谷歌字体

Question

我使用printJS和jQuery一起打印HTML的内容。

div包含的文本是用‘安妮得到你的望远镜’谷歌字体呈现。

当我打印时，文本是使用更标准的Web字体而不是Google打印的。如果我下载字体并在本地托管它，我就不会收到任何文本。

如何通过printJS打印HTML并以谷歌字体获取文本以正确呈现？

Answer 1

确保将所需的字体传递给printJS。如果没有使用css属性传递样式表，则只需通过style属性传递字体即可。

另一件事是，目前print.js正在为打印设置默认字体，该字体已被取消，并将在其下一个主要版本(v2)中删除。现在，您还必须传递带有font属性的字体系列。

printJS({
  printable: "print-element",
  type: "html",
  style: `@import url('https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope');`,
  font: 'Annie Use Your Telescope'
})

下面是上面的一个例子：https://jsfiddle.net/crabbly/Lt2nvagc/