10

我有一个页面，我只在 Chrome 中使用一堆自定义字体呈现：

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

浏览器完美呈现一切。但是，当我尝试将其打印为 PDF 时，有两个问题：

  1. Chrome 的打印预览有时不会以某些字体显示文本，或者会损坏它。这个视图会传递给我使用的任何打印设备。关闭/重新打开选项卡不会更改预览。但是，重新启动浏览器会。

  2. 无论我做什么，我都无法生成嵌入字体的 PDF。我尝试过 Chrome 的“保存到 PDF”，它会生成 Adob​​e Acrobat 无法打开的 PDF。各种 PDF 打印机（例如 Adob​​e 的）不会生成嵌入这些字体的 PDF，即使将@font-faces 替换为标准 Web 字体确实会生成嵌入字体。

感谢您对这两个问题的任何帮助。

4

2 回答 2

3

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

我从这里找到了这个解决方法：<a href="https://getsatisfaction.com/fontdeck/topics/_font_face_embedded_fonts_do_not_show_up_in_a_print_preview" rel="nofollow">@font-face 嵌入字体不显示在打印预览中

于 2012-09-06T01:25:28.007 回答
0

打印时尝试加载默认字体。将以下行添加到您的 CSS 并尝试。

@media print {
 body {
      font-family: Arial, Helvetica, sans-serif;       
  }
}
于 2015-08-27T09:19:27.033 回答