我喜欢一种叫做 Fontin 的字体,所以我决定在我的网站上使用它。我正在使用这段代码:
<div style='font-family: "Fontin"'>Text here</div>
这些就是我所看到的:
非常不一样。那里发生了什么?
有许多不同的字体渲染引擎。Firefox 使用 Direct2D(如果您使用的是 Windows,则与 ClearType 结合使用),而 Adobe 使用他们自己的引擎。除其他外,与浏览器相比,Adobe 的引擎使用了大量的平滑或抗锯齿功能。您可以使用此插件https://addons.mozilla.org/sv-SE/firefox/addon/anti-aliasing-tuner/修改 firefox 的字体平滑。我还相信更改禁用硬件加速的选项可能会改变字体渲染。
这可能是 Adobe Reader 字体平滑。您可以通过编辑->辅助功能->设置助手禁用/启用它(选择“设置所有辅助功能选项”,单击下一步并选中/取消选中“禁用文本平滑”)。
要在 firefox(使用 html5 / css3)上获得相同的效果,请使用 -webkit-font-smoothing:
<div style="-webkit-font-smoothing: antialiased;"> Smooth Text ;) </div>