css - 打印网站时出现乱码

标签 css printing fonts

我在一个网站上工作,用户会相当频繁地从该网站打印页面,以便将它们提供给无法访问 Internet 的人。在我们用户的办公室打印机上打印时,某些文本出现乱码:

Garbled text on printout

这应该是说减价和免费乘车计划,芝加哥交通管理局

我的第一个想法是这与我们使用的字体有关,所以我将该文本更改为具有 font-family: 'Times New Roman', serif。一些谷歌研究让我认为这些字体设置得到了广泛支持,应该不会造成问题,但我们的用户仍然遇到这个问题。

即使您不知道如何解决这个问题,我也会很感激您的建议

  1. 除了字体选择之外,还有什么可能导致它?
  2. 如果您确实认为它与字体有关,那么什么是好的字体?或者我怎么能弄清楚它是否特定于打印机?

更新

正在从浏览器打印页面,对于这个特定的用户组来说,浏览器是 IE8。我不确定他们使用的是哪个版本的 Windows。我已经在我们办公室的装有 IE8 的 Windows 机器上对此进行了测试,但无法重现该问题。因此,虽然浏览器可能是一个因素,但我认为这不是唯一的因素。

第二次更新

我们使用的字体是 Libre Baskerville ,我们正在通过 Google Fonts API 加载。它在屏幕上呈现良好,并且实际上可以毫无问题地从我们客户办公室的一些打印机打印出来。当打印在 Lexmark MS410dn 上时,文本只会出现乱码.

最佳答案

我看到了这些相同类型的打印错误。我使用 Libre Baskerville 字体在 Windows 10 上的 Indesign 中创建了一个 PDF。当我尝试使用预览在 OSX 上打印 PDF 时,我得到了上面看到的相同的乱码字形。我通过卸载 Truetype 格式的 Libre Baskerville 字体并安装 Opentype 格式的 Libre Baskerville 字体并重置文档中的字体来修复它。它似乎有效。

关于css - 打印网站时出现乱码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28748925/

相关文章:

Magento 打印页面布局

css - 为什么 Linux 上的 Chrome 显示错误的字体粗细?

c# - 检查 FontFamily 是否为 TrueType

html - 交换字体时的字体过渡

css - 列溢出主 div 元素

html - 如何为 CSS 排列等宽字体的英文和中文字符?

c# - 打印 <div> 标签内的图表

html - 在没有强制分页符的情况下打印 HTML

java - 在 CSS 中设置 JavaFX Anchor Pane 的 anchor

html - 如何让我的下拉菜单跨两行工作?