如何确保所有浏览器/平台（Cufon？图像？sIFR）中PDF字体的显示效果相同

Question

我已经花了不少时间阅读@ font-face问题，了解RTL语言，在不同浏览器上进行字体渲染，PDF支持， 等等。

我的目标是有一个HTML文档，当被渲染成PDF，看起来 CSS兼容阿拉伯语（一个RTL语言）文本，呈现和包装正是在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's。他们是相对的衡量标准。

不要使用sIFR或基于闪存渲染的任何东西，因为它不支持不支持闪存的移动设备。

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

问候。