为什么浏览器上的Fontin字体很清晰，但PDF Reader上的字体非常流畅？

Question

我喜欢名为Fontin的字体，所以我决定在我的网站上使用它。我正在使用此代码：

<div style='font-family: "Fontin"'>Text here</div>

这些是我所看到的：

非常不同。那里发生了什么？

Answer 1

它可能是Adobe Reader字体平滑。 您可以通过编辑 - >可访问性 - >设置助理禁用/启用它（选择“设置所有辅助功能选项”，单击下一步并选中/取消选中“禁用文本平滑”）。

要在firefox上获得相同的效果（使用html5 / css3），请使用-webkit-font-smoothing：

<div style="-webkit-font-smoothing: antialiased;"> Smooth Text ;) </div>

Answer 2

有许多不同的字体渲染引擎。 Firefox使用Direct2D（如果您在Windows上与ClearType结合使用），而Adobe则使用自己的引擎。除此之外，与浏览器相比，Adobe的引擎使用了大量的平滑或抗锯齿功能。您可以使用此插件https://addons.mozilla.org/sv-SE/firefox/addon/anti-aliasing-tuner/修改firefox的字体平滑。我还认为更改禁用硬件加速的选项可能会改变字体渲染。