时间戳

首页 > 解决方案 > 使用 printJS 打印 Google 字体

printjs - 使用 printJS 打印 Google 字体

问题描述

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

该 div 包含使用“安妮拿你的望远镜”谷歌字体呈现的文本。

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

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

标签： printjs

解决方案

确保将所需的字体传递给 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/

推荐阅读