I have a little problem with my text fonts every time I write a simple font rule and try to display the output, the text is not displayed very well. It usually looks like it is blur. The font is displayed correctly in Mozilla Aurora browser but not displayed well in newer versions of Google Chrome and Firefox. Please, does any one know what could be the cause of this text effect
In these two samples you can observe that the one with the bolder text is Aurora and the one with the faint text is Chrome. These two have the same style rules and have different output. Please, what is the best solution to this.
Every rendering engine, Webkit, Mozilla, Trident, etc. was created by a different team of people and therefore will have slight differences in output as well as its own quirks or bugs.
Every browser, Firefox, Safari, Aurora, Chrome, Explorer, etc. was created by a different team of people and therefore will have slight differences in how it utilizes its chosen rendering engine as well as its own quirks or bugs.
The same can be said for each Operating System and how it handles the same fonts.
I’m on a really nice, high resolution LCD display and the difference between the two cases in your image is almost imperceivable. If not for placing them side-by-side, it would be virtually impossible to tell the difference. I think if you put your test cases on two side by side LCD displays, there would be no perceivable difference.
No matter what you do, all browsers will render things somewhat differently. Our job as programmers is to reduce these differences only as practical and possible.