CSS不能很好地显示字体

Question

每次编写简单的字体规则并尝试显示输出时，我的文本字体都有一点问题，文本显示效果不佳。它通常看起来很模糊。该字体在Mozilla Aurora浏览器中正确显示，但在较新版本的Google Chrome和Firefox中无法正常显示。请问，是否有人知道这种文本效果可能是什么原因

在这两个样本中，您可以观察到具有较大文本的文本是Aurora，而具有较暗文本的文本是Chrome。这两个具有相同的样式规则并具有不同的输出。请问，最好的解决办法是什么。

Answer 1

每个渲染引擎，Webkit，Mozilla，Trident等都是由不同的团队创建的，因此在输出和自身的怪癖或错误方面会略有不同。

每个浏览器，Firefox，Safari，Aurora，Chrome，Explorer等都是由不同的团队创建的，因此在使用其选择的渲染引擎以及自己的怪癖或错误方面会略有不同。< / p>

对于每个操作系统以及它如何处理相同的字体，也可以这样说。

我使用的是非常漂亮的高分辨率LCD显示屏，图像中两种情况的区别几乎是不可思议的。如果不是并排放置它们，几乎不可能区分它们。我想如果你把你的测试用例放在两个并排的LCD显示器上，就不会有明显的区别。

无论你做什么，所有浏览器都会有所不同。我们作为程序员的工作是将这些差异仅仅作为 实用 来减少。

Answer 2

不同的浏览器有不同的行为。

我建议使用 JavaScript 和 CSS 来解决该问题。 JavaScript以检测最终用户使用的浏览器，然后该浏览器的CSS代码。

JavaScript浏览器检测（点击下面的链接）：http://www.w3schools.com/js/js_browser.asp

自定义更大胆的字体文字（使用此代码）： font-weight：500 ;

更大胆的“font-weight”数量越多。