我正在使用图标.在Chrome和Opera上,它们看起来很好.但是如果我尝试Firefox,如果图标的字体大小小于20像素,则它们看起来很模糊,而在30像素之后,它们看起来很流畅.有没有办法解决这个问题？例如,通过旋转非常小的图像可以修复导致模糊图像的图像调整大小的Firefox问题.类似的东西可以应用于字体图标吗？
要看看它的外观,只需去(使用firefox)到任何网站的图标(如字体真棒),并尝试调整大小为20px,看看他们变得如何模糊.
要看看它的外观,只需去(使用firefox)到任何网站的图标(如字体真棒),并尝试调整大小为20px,看看他们变得如何模糊.
解决方法
问题来自浏览器使用的字体渲染.不同的平台使用不同的方法.浏览器选择使用操作系统方法或其自己的实现.
在Chrome中看起来更好的原因是Chrome在Windows上未订阅ClearType. IE和Firefox都使用它(以检查这个开始 – >调整ClearType文本,并打开和关闭它以查看差异).但Mac和Linux上的Firefox不会在那里使用它,因为它只是一种Windows技术.
Chrome在这个特殊问题上有所突破,因为它不使用ClearType,它在所有三个平台上都使用DirectWrite.这意味着Chrome中的任何内容都应该看起来是一样的,无论你使用什么操作系统.
为什么这么重要？因为您无法控制用户的电脑.您不能强制ClearType关闭,您不能更改用户的ClearType设置.用户可能会更改其ClearType设置,无论如何,您可能会使用文本阴影使其正常工作的任何精细细节.
你可以用cufon来获得更好的运气,但这绝对不是一个确定的事情.
我要去的解决方案是使用这些图标的图像.这样我就可以肯定地知道,无论你使用什么来查看图标,他们对所有人都是一样的.
