css - 为什么Fontin字体在浏览器上很锐利，但在PDF阅读器上却很流畅？

Question

我喜欢一种叫做 Fontin 的字体，所以我决定在我的网站上使用它。我正在使用这段代码:

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

这些是我所看到的:

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

Answer 1

这可能是 Adob​​e Reader 字体平滑。您可以通过“编辑”->“辅助功能”->“设置助手”禁用/启用它(选择“设置所有辅助功能选项”，单击下一步并选中/取消选中“禁用文本平滑”)。

要在 firefox(使用 html5/css3)上获得相同的效果，请使用 -webkit-font-smoothing:

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