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

标签 css html browser fonts

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

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

这些是我所看到的:

FireFox

PDF

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

最佳答案

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

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

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

关于css - 为什么Fontin字体在浏览器上很锐利,但在PDF阅读器上却很流畅?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11339393/

相关文章:

css - 如何在我的 Aurelia 应用程序中导入包

html - 结合菜单和下拉菜单的背景

css - 如何在同一元素上组合背景图像和 CSS3 渐变?

javascript - 元素分秒错位渲染

javascript - HTML 文件脚本和 CSS 放置

css - 使用自定义 TTF 字体对 Linux 的影响

html - 为什么我的div旁边有href装饰?

php - 简化代码

html - 如何使用 CSS 网格对列重新排序?

javascript - 从浏览器将图像保存到手机图库