html - 如何确保字体在所有浏览器/平台(Cufon？图像？sIFR)中看起来相同以进行 PDF 渲染

Question

我花了很长时间研究 RTL 语言的@font-face 问题、不同浏览器上的字体渲染、PDF 支持等等。

我的目标是在 HTML 文档上使用 CSS 兼容的阿拉伯语(一种 RTL 语言)文本，当将其呈现为 PDF 时，看起来、呈现，并且包装在 PDF 上与在 HTML 网页上完全相同，无论用户使用何种浏览器或平台。

我一直在使用@font-face，但事实证明，Windows 机器呈现的字体比在 Mac 上呈现的字体宽一点，而 PDF 生成器是独立于浏览器的，并且似乎更像 Mac 那样呈现字体。所以发生的情况是 Windows 用户看到一行文本，而 PDF 最终将该行的最后一个单词包裹到下一行，因此 PDF 并不完全符合 Windows 用户的预期。

我一度认为 Cufon 可能是解决方案，因为显然它看起来是同一个跨浏览器 - 但我认为它不支持阿拉伯语？我尝试使用 wkhtmltodpf 和 PhantomJS 生成 PDF，但尽管它们都是很棒的“虚拟”浏览器，但它们都使用 Webkit QT，它呈现的文本与 Windows 不同，因此生成的 PDF 再次具有换行或文本宽度不一样作为原始 HTML 文档。基本上，我的问题是:

1. 确保用户在浏览器上看到的任何文本与他们将在 PDF 上看到的内容完全的最好方法是什么？我真的不需要它完全像素完美，只要文本至少遵循相同的换行，并为包含的 div 指定宽度。我认为我真正需要确定的唯一一件事是字体提示 是统一的。或者这一切都归结为使用图像？
2. 顺便说一句，HTML5 是否具有某种跨浏览器的字体呈现？

Answer 1

我可以建议你两件事:

使用 em 来表示字体的大小。 em 是一个相对度量。

不要使用 sIFR 或任何基于 Flash 渲染的东西，因为它不能在不支持 Flash 的移动设备上运行。

没有办法在所有现有的网络浏览器中呈现完全相同的东西，那就像在天堂一样。但由于我们不在那里，我也建议您减少一点字体，直到它符合您的目标。

问候。