每次我写一个简单的字体规则并尝试显示输出时,我的文本字体都有一点问题,文本显示得不是很好。它通常看起来很模糊。该字体在 Mozilla Aurora 浏览器中正确显示,但在较新版本的 Google Chrome 和 Firefox 中显示不佳。请问,有没有人知道这个文本效果的原因是什么
在这两个示例中,您可以观察到文本较粗的一个是 Aurora,而文本较暗的一个是 Chrome。这两个具有相同的样式规则,并且具有不同的输出。请问,什么是最好的解决方案。
每个渲染引擎、Webkit、Mozilla、Trident 等都是由不同的团队创建的,因此在输出以及其自身的怪癖或错误方面会有细微的差异。
每个浏览器、Firefox、Safari、Aurora、Chrome、Explorer 等都是由不同的团队创建的,因此在使用所选渲染引擎的方式以及自身的怪癖或错误方面会略有不同。
对于每个操作系统以及它如何处理相同的字体,都可以这样说。
我在一个非常好的高分辨率 LCD 显示器上,您的图像中两种情况之间的差异几乎无法察觉。如果不是将它们并排放置,几乎不可能区分它们。我认为,如果您将测试用例放在两个并排的 LCD 显示器上,则不会有明显的差异。
无论您做什么,所有浏览器都会以不同的方式呈现事物。作为程序员,我们的工作就是尽可能地减少这些差异。
不同的浏览器有不同的行为。
我建议使用JavaScript和CSS来解决这个问题。JavaScript检测最终用户使用的浏览器,然后检测该浏览器的CSS 代码。
JavaScript 浏览器检测(点击下面的链接):http ://www.w3schools.com/js/js_browser.asp
要自定义字体文本的粗体(使用此代码):font-weight:500;
“font-weight”的数量越大越粗。