使用 printJS 打印 Google 字体

Question

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

div 包含使用 'Annie get your telescope' google 字体呈现的文本。

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

如何通过 printJS 打印 HTML 并使 Google 字体的文本正确呈现？

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'
})

这里是 fiddle 上面的例子： https://jsfiddle.net/crabbly/Lt2nvagc/

使用 printJS 打印 Google 字体

Printing Google Fonts using printJS

printjs