解决FontAwesome文本渲染的差异
请看上面的图片。 我在我的网站上使用了图标字体'FontAwesome'。 在网站标题中，我将它们用于导航图标。 这些图标中的每一个都是链接，具有附加的“fa”和“fa-2x”类。
我不会替代FontAwesome的任何默认字体大小或渲染模式，因此这是一个干净的状态。 所有屏幕截图均来自Windows 8.1，测试了几个浏览器。 这是我的发现：
按照Firefox的例子，Mu的最终目标是在浏览器中进行理想的渲染。 一个更现实的目标是击败Chrome提交，因为它是最大的问题。
字体真棒默认情况下适用于：
-webkit-font-smoothing: antialiased;
我试图将其设置为其他文本渲染模式，但似乎没有任何意义上的差异，对于设置文本笔划属性也是如此，即使在0时“厚度”问题仍然存在。 这个问题最好从'会员'图标上看到。
您可以在www.jungledragon.com上直接看到渲染
任何关于如何提高渲染质量和一致性的线索/提示？
这是我可以看到的旧问题，但是我遇到了与FontAwesome相似的问题，并且发现这些图标的权重可能因font-weight属性（毕竟这是一种字体）而有所不同。
所以，我的问题是，在我的应用程序中，图标中的小孔变得不可见，解决方案是在CSS中将font-weight属性设置为normal 。
根据我的喜好，Chrome版本中的图标仅仅是“超量”的。
链接地址: http://www.djcxy.com/p/93475.html