嵌入@font-face字体时，打印到PDF与Chrome

Question

我有一个只在Chrome中呈现的页面，带有一系列自定义字体：

@font-face{ font-family: BodyFont; src: url('fonts/font.ttf'); }

浏览器完美地呈现了一切。然而，当我试图将此打印到PDF时，有两个问题：

>

无论我做什么，我都无法生成嵌入字体的PDF。我尝试过Chrome的“保存到PDF”，它会生成Adobe Acrobat无法打开的PDF。各种PDF打印机（如Adobe的）不会产生嵌入这些字体的PDF，即使用标准的网络字体替换@font-faces确实会产生嵌入字体。

任何问题的帮助都很感激。

Answer 1

打印时尝试加载默认字体。将下面的行添加到css中，然后重试。

@media print {
 body {
      font-family: Arial, Helvetica, sans-serif;       
  }
}

Answer 2

在CSS或HTML中注释掉媒体查询，重新打开浏览器，它将在打印预览中加载web字体，然后重新添加媒体查询部分，它就工作了。

我在这里找到了这个解决方法：@font-face嵌入字体不会显示在打印预览中