使用Chrome打印到PDF时嵌入@ font-face字体

Question

我有一个页面,我只在Chrome中使用一堆自定义字体进行渲染:

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

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

1. Chrome的打印预览有时不会在某些字体中显示文字,也不会破坏它.此视图将传递给我使用的任何打印设备.关闭/重新打开选项卡不会更改预览.但是,重新启动浏览器会.

2. 无论我做什么,我都无法生成嵌入了字体的PDF.我尝试过Chrome的"保存到PDF",它会生成Adobe Acrobat无法打开的PDF.各种PDF打印机(例如Adobe)不会生成嵌入了这些字体的PDF,即@font-face使用标准Web字体替换s确实会生成嵌入字体.

任何问题的任何帮助表示赞赏.

Answer 1

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

\n\n

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

\n