CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 有没有办法平滑Firefox中的字体图标?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用图标.在Chrome和Opera上,它们看起来很好.但是如果我尝试Firefox,如果图标的字体大小小于20像素,则它们看起来很模糊,而在30像素之后,它们看起来很流畅.有没有办法解决这个问题?例如,通过旋转非常小的图像可以修复导致模糊图像的图像调整大小的Firefox问题.类似的东西可以应用于字体图标吗?
要看看它的外观,只需去(使用FireFox)到任何网站的图标(如字体真棒),并尝试调整大小为20px,看看他们变得如何模糊.

解决方法

问题来自浏览器使用的字体渲染.不同的平台使用不同的方法.浏览器选择使用操作系统方法或其自己的实现.

在Chrome中看起来更好的原因是Chrome在Windows上未订阅ClearType. IE和Firefox都使用它(以检查这个开始 – >调整ClearType文本,并打开和关闭它以查看差异).但Mac和Linux上的Firefox不会在那里使用它,因为它只是一种Windows技术.

Chrome在这个特殊问题上有所突破,因为它不使用ClearType,它在所有三个平台上都使用DirectWrite.这意味着Chrome中的任何内容都应该看起来是一样的,无论你使用什么操作系统.

为什么这么重要?因为您无法控制用户的电脑.您不能强制ClearType关闭,您不能更改用户的ClearType设置.用户可能会更改其ClearType设置,无论如何,您可能会使用文本阴影使其正常工作的任何精细细节.

你可以用cufon来获得更好的运气,但这绝对不是一个确定的事情.

我要去的解决方案是使用这些图标的图像.这样我就可以肯定地知道,无论你使用什么来查看图标,他们对所有人都是一样的.

大佬总结

以上是大佬教程为你收集整理的css – 有没有办法平滑Firefox中的字体图标?全部内容,希望文章能够帮你解决css – 有没有办法平滑Firefox中的字体图标?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。