Cor*_*ped 14 css firefox fonts icons font-smoothing
我正在使用图标.在Chrome和Opera上他们看起来很好.但是如果我尝试使用Firefox,如果font-size图标小于20px,它们看起来会非常模糊,而在30px之后它们看起来很平滑.有没有办法来解决这个问题？
例如,可以通过旋转非常少量的图像来修复因图像调整大小而导致图像模糊的Firefox问题.类似的东西可以应用于字体图标吗？
要查看它的外观,只需(使用firefox)到任何带有图标的网站(比如字体很棒)并尝试将它们调整为20px,看看它们变得多么模糊.
小智 14
问题来自浏览器使用的字体呈现.不同平台使用不同的方法.浏览器选择使用OS方法或自己的实现.
它在Chrome中看起来更好的原因是因为Chrome未在Windows上订阅ClearType.IE和Firefox都使用它(检查此开始 - >调整ClearType文本并打开和关闭它以查看差异).但是Mac和Linux上的Firefox不会在那里使用它,因为它只是一种Windows技术.
Chrome在此特定问题上占据优势,因为它不使用ClearType,它在所有三个平台上都使用DirectWrite.这意味着无论您使用什么操作系统,Chrome中的任何内容都应该看起来相同.
为什么这很重要？因为您无法控制用户的计算机.您无法强制关闭ClearType,也无法更改用户的ClearType设置.用户可能会更改其ClearType设置,无论如何破坏您可能使用的任何精细细节text-shadow以使其工作.
使用cufon你可能会获得更好的运气,但这绝不是一个肯定的事情.
我想要的解决方案是使用这些图标的图像.这样我就可以确定无论你使用什么来查看图标,它们对每个人来说都是一样的.