CSS不能很好地显示字体

2018-06-23 16:55:45

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

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

每个渲染引擎，Webkit，Mozilla，Trident等都是由不同的团队创建的，因此它们在输出以及它自己的怪癖或错误方面会有细微差别。

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

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

我在一个非常好的高分辨率液晶显示器上，图像中两种情况之间的差异几乎是不可能的。如果不是将它们并排放置，实际上不可能区分这些差异。我想如果你把你的测试案例放在两个并排的液晶显示器上，那么就不会有明显的差异。

不管你做什么，所有浏览器都会呈现出不同的东西。我们作为程序员的工作是只在切实可行的情况下减少这些差异。

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

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

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

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

“字体重量”的数字越大越大胆。

链接地址: http://www.djcxy.com/p/66447.html