The Arial font is rendered much lighter and thinner in Chrome compared to IE.
Is there a way to have Arial render the same in the popular browsers (IE8+ FF Chrome Safari)?
If I bought or downloaded a custom font, is it possible to have this custom font replace the browser’s default Arial font? And would it be consistent across the browsers for all users?
I have many style sheets referencing Arial, so I am unable to change each style tag to reference a new name.
Unfortunately, different browsers have different font-rendering engines. There is literally no way to guarantee that the text will render identically. Even if you use
@font-face, it will still render differently.